To offer your customers the benefit of paying with Klarna, you must first sign up for a Klarna account and gain access to the Klarna Merchant Portal. Then, complete the Klarna configuration from the Admin of your Adobe Commerce or Magento Open Source store.
Important: Klarna does not support currency switches to display multiple currencies in one website. Commerce uses a base currency and tax configured at the website level (not store view) to avoid rounding and mismatch issues. To support multiple currencies, create a website per currency, using different URLs configured at the Commerce website level (not store view).
Klarna merchant portal
To enable and configure Klarna for your store, you need the following information from your Klarna account.
Step 1: Generate API credentials
Go to the Klarna Merchant Onboarding page.
Do one of the following:
To create a new account, click Get Started. Then, complete the onboarding process to create an account. When you receive the confirmation email from Klarna, click Activate account to log in.
If you already have an account, click Log in in the upper-right corner.
To generate your API Credentials for the Klarna Playground environment, do one of the following:
- On the Home page of your account under Preferences, click Settings.
- In the upper-left corner of the page, click the Menu icon. Then in the left sidebar under Preferences, click Settings.
On the API Credentials tab, click Generate new API credentials.
When prompted, click Create credentials.
After your credentials are generated, click Download as .txt.
Select the checkbox to confirm that you have saved your credentials and click Close.
You can return to your Klarna account later to complete the remaining settings.
Generate Klarna API Credentials
Step 2: Enable Klarna On-site Messaging (optional)
To enable the display of Klarna promotional messages in your storefront:
In the Klarna merchant portal under On-site messaging, select the Store where the promotional messages are to be enabled, and click Continue.
The Installation page contains two blocks of code that are needed to complete the Commerce configuration. The first block of code is required to enable On-site Messaging. The second block of code refreshes the message placement if the order changes. We recommend that you copy each block of code and paste it to a text editor. You will need this code to complete the Commerce configuration.
Klarna portal - installation scripts
For the first block of code, click Copy to clipboard and paste it into a text editor.
For the second block of code, click Copy to clipboard and paste it into a text editor below the first script.
Take note of the
data-client-idhash value in the code. You will need this value to complete the On-site Messaging section of the Commerce configuration.
In the left sidebar under On-site messaging, choose Placements.
Scroll down to examine the different message styles that are available and choose the one(s) that you want to use for the product page and shopping cart.
Copy the block(s) of code to the text editor below the other two installation scripts.
data-key value in each script corresponds to the Product placement field in the Commerce configuration. You now have all the information necessary to complete the Commerce configuration.
When you have API credentials and On-site Messaging code from your Klarna account, you can complete the Klarna configuration in the Commerce Admin.
Click Save Config at any time to save your progress.
Step 1: Begin the configuration
On the Admin sidebar, go to Stores > Settings > Configuration.
In the left panel, expand Sales and choose Payment Methods.
If your Commerce installation has multiple websites, stores, or views, set Store View to the store view where you want to apply this configuration.
If needed, expand the Other Payment Methods section.
For Klarna, click Configure.
Expand the API Configuration section.
Set Endpoint to one of the following:
- Klarna Payments (North America)
- Klarna Payments (Europe)
- Klarna Payments (Oceania)
Klarna supports the following countries: AT, DE, DK, FI, NL, NO, SE, US, AU, NZ
For Klarna API username, enter the
Username (UID)from your Klarna API credentials.
Do not enter the
Merchant IDfrom your Klarna account.
Enter the Klarna API Password from your Klarna API credentials.
To use the Klarna Playground for test transactions, set Mode to
To generate a record of interactions while testing the integration, set Logging to
Set Logging to
Disabledbefore going live with Klarna in your production store.
Step 2: Configure payment settings
Expand the Klarna Payments section.
Set Enable to
Set Allowed Countries to one of the following:
All Allowed Countries
Customers from all countries specified in your store configuration can use this payment method.
After you choose this option, the Payment from Specific Countries list appears. To select multiple countries, hold down the Ctrl key (PC) or the Command key (Mac) and click each option.
If your Klarna account supports B2B payments, set Enable B2B to
If you want Klarna to prepare a set of personalized credit options for each customer, set Enable Data sharing to
Yesand set Enable Data sharing on load to one of the following:
Customer billing and shipping address information is shared with Klarna after the transaction is authorized. If a shipping address error is encountered during authorization, the customer is instructed to return to the previous step and correct the problem.
Customer billing and shipping address information is shared with Klarna when the payment method is selected during the checkout process.
If you offer multiple payment methods, enter a number for Sort Order to determine the sequence in which Klarna appears when listed with the other payment methods.
This is relative to the other payment methods. (
2= third, and so on.)
Step 3: Configure design settings (optional)
Expand the Design section.
Enter the hexadecimal value of the color that you want to use for the following elements.
You can use the color chooser to experiment with different colors for each design element to match your store’s theme. The results might vary, depending on theme.
- Details color
- Border color
- Selected border color
- Text color
- Border radius
Step 4: Configure On-site Messaging (optional)
If you want to enable the display of Klarna promotional messages in your storefront, do the following:
Expand the Klarna On-Site Messaging section.
Set Enable to
In the Data client ID field, enter the
data-client-idhash value from the code that you copied while in the Klarna merchant portal.
Select the Design theme that you want to apply to Klarna promotional messages.
To enable Klarna promotional messaging for product pages, set Enable on product to
To determine the location and style of Klarna promotional messages on the product page, set Product placement to the type of script that you copied from the Klarna merchant portal.
The placement value corresponds to the
data-keyfield in the script you chose. For example, the
data-key="credit-promotion-badgevalue in the code corresponds to the Credit Promotion - Badge option.
- Credit Promotion (
- Sidebar Promotion -
- Top Strip Promotion -
- Homepage Promotion (
If you have a customized promotion, choose
Other. You will need to provide your own custom script.
- Credit Promotion (
To enable Klarna promotional messaging for the shopping cart page, set Enable on cart to
Yes, and repeat the previous step.
When complete, click Save Config.
Step 5: Update Design configuration
If Klarna On-site messaging is enabled, do the following to paste the scripts that you copied from the Klarna merchant portal:
From the Admin, go to Marketing > Design > Configuration.
In the list, find the store configuration that is to be updated and click Edit.
Under Other Settings, expand the HTML Head section.
In the Scripts and Style Sheets box, paste each script that you copied from the Klarna merchant portal.
Click Save Configuration.
Step 5: Refresh the cache
Click Cache Management in the message at the top of the page, and refresh any invalid cache.