Klarna Checkout for Craft Commerce

This plugin provides Klarna integrations for Craft Commerce.

Note: this plugin is still undergoing testing and improvements. Please report any and all errors trough our support channels.

Requirements

This plugin requires Craft Commerce 2.0.0 or later.

Installation

You can install this plugin from the Plugin Store.

From the Plugin Store

Go to the Plugin Store in your project’s Control Panel and search for “Klarna Checkout”. Then click on the “Install” button in its modal window.

Support

You can also reach us by messaging @Jorgen on Discord.

The plugin logs errors and transactions to @storage/logs/commerce-klarna-checkout.log. Please provide the relevant logs when reaching out.

Setup

Make sure you have set the store location in Commerce -> Store Settings -> Store Location
and Base URL in Settings -> Sites -> sitename -> Base URL.
Install the plugin.
Navigate to Commerce -> System Settings -> Gateways and + New Gateway
Select Klarna Checkout from the dropdown.
Set your information Playground credentials in API Credentials Europe Test Username (UID)/Test Password.
Get Klarna Production Approval for your site
Turn off "Testing Mode" and add production credentials for the Gateway

Payment button

Since Klarna is rendering its own payment button, the craft-commerce default 'Pay' button must be removed. You can copy and overwrite your shop default checkout/payment.html file with vendor/ellera/commerce-klarna-checkout/src/templates/pages/checkout/payment.html or simply update your existing template with

{% if cart.gateway.handle is not same as('klarna') %}
    <button class="button button-primary" type="submit">Pay {{ cart.totalPrice|commerceCurrency(cart.paymentCurrency,convert=true) }}</button>
{% endif %}

Get Klarna Approval

You need approval from klarna before you can change to production mode.

Klarna Order Complete HTML

To render the Klarna Order Complete HTML you can use this code in your shop/customer/order template:

    {% if order.gateway.handle is same as('klarna') and order.gateway.hasHtml %}
        {{ order.gateway.getHtml(order.id)|raw }}
    {% else %}
        // Regular thank-you-page
    {% endif %}

Note: The Klarna OrderID is stored in the PHP session and the HTML is fetched from Klarna APIs. order.gateway.hasHtml will check that the session exist, and if not you can render the regular thank-you-page.

VAT and Taxes

Klarna requires tax to be sent per order line, not on the order in total, so for VAT and Taxes to be passed along to Klarna correctly, the taxable subject must be set to "Line item price". If the shipping cost is taxable as well, you need to create a separate tax rate for shipping and set that to "Order total shipping cost"

Troubleshooting

I get 401 or 403 response when I turn off Test Mode

You need approval from Klarna before your account is approved for production.

Look for the "Resume onboarding" link under the menu on https://eu.portal.klarna.com/

Development

Add support for non-european stores
Add support for project sync (project.yaml)
Add support non-included tax ✔️
Add support for Commerce Lite ✔️

mildlygeeky/commerce-klarna-checkout