Get started
Customization
Troubleshooting
Klarna support information
Additional Klarna plugins
Klarna Express Checkout
Introduction
Klarna Express Checkout (KEC) is an addition to the Klarna Payments (KP) plugin. It will add a button on the cart and product pages, to initiate the Klarna Payments flow. Either the product viewed, which is then added to the cart, or the current cart.
When the KEC flow is initated Klarna will authorize the customer for the amount specified in the cart. Klarna will then pass back the shipping details for the customer and redirect them to the checkout page, where they can complete the order with Klarna directly.
Please note that Klarna Express Checkout is an option you can enable or disable with Klarna Payments. This option is not available with Klarna Checkout.
Limitations
Since the authorization is done before the order is actually placed, there are some limitations on what alterations the customer are allowed and still remain in the KEC flow. For example, if the customer changes the address details provided by Klarna, the plugin throws away the KEC session and reloads the checkout to load the standard KP flow again.
If the content of the cart is changed, the KEC session is thrown away in the same manner as above, and the standard KP flow is loaded.
Known compatibility issues
KEC is currently not compatible with the WooCommerce Checkout block. Instead the classic shortcode must be used in order for KEC to work as expected.
Required WordPress/WooCommerce settings
For Klarna Express Checkout to function correct, the setting Hide shipping costs until an address is entered must be disabled.
You can find this setting if you go to WooCommerce → Settings → Shipping → Shipping settings.
Related documentation
- Klarna Docs – Express Checkout
Read Klarna’s own Klarna Express Checkout documentation.
Klarna Merchant Portal
To configure Klarna Express Checkout you first need to log in to your Klarna Merchant Portal to retrieve the Client identification needed for activation.
- Log in to your Klarna Merchant Portal.
- Navigate to Conversion boosters → Express Checkout.
- Select your store and click Get started and follow the steps.
- Move on to Activation
You can also access and copy your Client identifier, or generate one, if you navigate to Conversion boosters → Payment settings → Client identifier
Under the Allowed origins tab, you also register the domain(s) you are expecting to use the Web SDK on.
Activation
Go to: WooCommerce → Settings → Payments → Klarna for WooCommerce.
Client ID – For Klarna Express Checkout to work you need to enter the Client ID in the Credentials section for Klarna for WooCommerce. This is retrieved under the Conversion booster tab in your merchant portal.
Copy the Client identifier for your store and paste it in the Client ID field for the country (or region) you wish to activate under the Credentials section.
Please note that Client ID retrieved while the store being in Test mode will not work in Production mode, and vice versa.
Client ID retreived from Conversion boosters → Express Checkout:
Client ID retreived from Conversion boosters → Payment settings:
Configuration
On the Klarna for WooCommerce Settings page, scroll down to the section for Express Checkout to enable and configure placements and style.
- Enable/Disable – Check the Enable Klarna Express Checkout box to activate.
- Theme – Set the theme for Express Checkout. Choose between Light, Dark and Custom (configured under Conversion boosters → Express Checkout in your Klarna Portal).
- Shape – Set the shape of the Express Checkout button. Chose between Rounded, Rectangular and Pill.
- Placements – Select where you want the Express Checkout button to appear. Choose between All, Product pages and Cart page.
Express Checkout placement
When Klarna Express Checkout is enabled the Pay with Klarna button will be visible for the customers in your shop.
Product page placement
Cart placement
