Klarna Docs - How to install Express Checkout in WooCommerce

How to install Express Checkout in WooCommerce

This guide explains how to add Express Checkout to your WooCommerce store.

Express Checkout gives your customers a fast and convenient way to purchase with Klarna. Partners who have integrated Express Checkout see an improved customer experience, increased conversion rates, and a higher AOV.

To learn more about Express Checkout, refer to the product documentation.

A screenshot showing the Express Checkout button in a store's cart.

When you add Express Checkout to the store, a button prompting customers to pay with Klarna is displayed in checkout.

To be able to offer Express Checkout, you have to first enable Klarna in your WooCommerce store by installing the Klarna Payments for WooCommerce plugin.

Express Checkout is applied to both product and cart pages for a Woo shop, dependent upon compatibility with the shop's theme. To install Express checkout in a WooCommerce store, follow these steps:

1. In the Klarna Merchant portal, go to Payment settings > Client identifiers. There you can click Manage origins and enter your store's URL in the Register new origin section.

2. Proceed to add your store's URL to the allow list (Register new origin) and to generate the Klarna Client ID.

The screenshot of the Klarna Merchant portal showing the Register allowed origin popup within the Payment settings menu.

To use Express Checkout in your WooCommerce store, you have to allowlist your store's URL.

Later, you can also manage your Allowed origins for your integrations in Payment settings > Client identifiers. There you can click Manage origins and enter your store's URL in the Register new origin section.

The screenshot of the Klarna Merchant portal showing the Register allowed origin section within the Client Identifiers menu.

You can manage Allowed origins for your integrations in Payment settings.

3. Click on Generate client identifier in the Client identifiers menu, then copy it from the Client ID field.

A screenshot of the Klarna Merchant portal showing the Client identifiers section within the Payment settings menu.

The generated Client ID links your Klarna merchant account to your WooCommerce store.

4. In WooCommerce, at the bottom of the Klarna Payments plugin settings, go to the Klarna Express Checkout configuration. Then, paste the Client ID you copied in the Klarna Client Identifier field. Make sure the ID doesn't contain any quotes or whitespace.

A screenshot of the WooCommerce Klarna payment plugin settings for Klarna Express Checkout.

The Klarna Client Identifier entered in WooCommerce has to match the Client ID generated in the Klarna Merchant portal.

5. Select the Enable/Disable checkbox to enable the Express Checkout in the Klarna payments plugin.

6. From the Theme dropdown, select a theme for the button — default, light, or dark.

7. From the Shape dropdown, select a shape for the button — default, rectangle, or pill.

You can customize the Express Checkout button by choosing a theme and a shape. The styling options are available in the WooCommerce plugin settings.

The theme defines the button’s color. You can choose 1 out of 3 themes:

  • Default theme with the button displayed in pink
  • Dark theme with the button displayed in black
  • Light theme with the button displayed in white
The default, dark, and light color themes available for the Express Checkout button customization.

The available color themes for the Klarna Express Checkout button are default, dark, and light.

You can choose from 3 different shapes for the button:

  • Default: a rectangular button with rounded corners
  • Rect: a rectangular button with sharp corners
  • Pill: a pill-shaped button with smooth corners
The default, rect, and pill shapes available for the Express Checkout button customization.

The available shapes for the Klarna Express Checkout button are default, rectangular, and pill.

To learn more about Express Checkout in the Klarna Payments plugin for WooCommerce, refer to the official Krokedil documentation.