Introduction

Sign in with Klarna (SIWK) is an extension of the Klarna for WooCommerce plugin. It adds a button to the cart page and the My Account page (before login), allowing customers to sign in using Klarna with their details and preferences pre-filled.

When customer data is received from Klarna, the plugin checks whether a user with the same email address already exists in WordPress/WooCommerce. If no matching user is found, a new customer account is created. The customer is then logged in to their existing or newly created account.

Known compatibility issues

SIWK is currently not compatible with the WooCommerce Checkout block. Instead the classic shortcode must be used in order for SIWK to work as expected.

Related documentation

• Klarna Docs – Sign in with Klarna
  Read Klarna’s own Sign in with Klarna documentation.

Klarna Merchant Portal

To configure Sign in with Klarna you first need to log in to your Klarna Merchant Portal to retrieve the Client identification needed for activation.

1. Log in to your Klarna Merchant Portal.
2. Navigate to Conversion boosters → Sign in with Klarna.
3. Select your store and click Get started or Manage and follow the steps.
4. 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 Sign in with Klarna 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 → Sign in with Klarna:

Client ID retreived from Conversion boosters → Settings:

Configuration

On the Klarna for WooCommerce Settings page, scroll down to the section for Sign in with Klarna to enable and configure placements and style.

1. Enable/Disable – Check the Enable Sign in with Klarna box to activate.
2. Redirect URL – Copy this URL and add it to your list of allowed redirect URLs in the Sign in with Klarna settings on the Klarna merchant portal.
3. Button theme – Set the button’s color theme. Choose between Dark, Light and Outlined.
4. Button shape – Set the shape of the Sign in with Klarna button. Chose between Rounded, Rectangular and Pill.
5. Badge alignment – Change alignment of the Klarna logo on the call to action button. Choose between Badge, Left and Centered.
6. Cart page placement – Select where you want the Sign in with Klarna button to appear on the Cart page. Choose between Before “Proceed to checkout” button and After “Proceed to checkout” button.
7. Required Customer Data – These scopes are included by default, as necessary for creating a WooCommerce customer account in your shop. More about available scopes with Sign in with Klarna here. Additional scopes can be customized if applicable, more info here.
8. Request Additional Customer Data – Check the box(es) of the additional customer data you wish to include.