How to Setup Klarna

Table of Contents

• Overview
• Key Features
• Requirements
• Integration Steps
• Configuration Steps

Overview

Klarna is an international company offering "buy now, pay later" (BNPL) services, enabling consumers to make purchases online or in physical stores without paying the full amount upfront. With options like interest-free installments and extended financing, Klarna provides flexibility and convenience in payment, enhancing the shopping experience.

Key Features

• Buy Now, Pay Later: Klarna allows consumers to make purchases without paying the full amount upfront
• Financing Options: In collaboration with its partner WebBank, Klarna provides extended financing options, allowing customers to spread payments over a longer period
• Online and In-Store Purchases: Klarna's services are available for both online retailers and physical stores, offering flexibility to consumers in various shopping environments
• Transparency: Klarna promotes transparency in its services, ensuring that customers have a clear understanding of their payment options and schedules
• Security Measures: Klarna implements security measures to protect customer information and transactions, fostering a secure and trustworthy shopping experience 

Learn More about Klarna: www.klarna.com 

View Klarna Documentation: https://docs.klarna.com/ 

Requirements

To begin the process of setting up Klarna Payment integration, users will need to get credentials from the users Klarna Merchant Portal.

Get credentials for Integration

To get Klarna API integration credentials, follow these steps:

1. Access the Merchant portal.
2. Click Payment settings in the left sidebar.
3. Click the Generate new Klarna API credentials button.
4. Click Create credentials in the dialog box.
5. Download the .txt file and close the dialog box.

Integration Steps

One Page Checkout - Layout Changes

If the Klarna integration is not showing on the One Page Checkout, the users theme might be missing necessary code. Paste the following code inside the PaymentTypeArea layout on your One Page Checkout HTML Editor.

<!-- Klarna Payment Method --><div class="checkout-klarnaWrap payment-method Klarna list-group-item list-group-item-action hide"> <div class="checkout-klarna"> <div data-payment-name="Klarna" class="checkout-klarna-header payment-name row m-0 align-items-center"> <img class="col-auto p-0" height="40px" src="/store/images/klarna.svg"> </div> <ac:visibilityarea id="KlarnaArea"> <div class="checkout-klarna-body card-body"> <span class="checkoutklarna-placeOrder"> You will be redirected to Klarna to complete payment once you have clicked <strong>Place Order</strong>. </span> </div> </ac:visibilityarea> </div></div><!-- END Klarna Payment Method -->

Add Klarna Payment Method option above the <!-- GiftCard Payment Method -->

Configuration Steps

1. Provide Username and Password acquired following “Get credentials for Integration” steps listed above.
2. For API Endpoint, use one of the following URLs:
   1. North America:  https://api-na.klarna.com
   2. Europe:  https://api.klarna.com
   3. Oceania:  https://api-oc.klarna.com
3. For Currency Code, specify the purchase currency for the order. For example USD, EUR, SEK, GBP, etc. Default is USD if not provided. See here for more details.
4. Locale is used to define the language and region of the customer. For example en-US, en-AU, etc. Default is en-US if not specified. See here for more details.
5. Enable the integration, users will be ready to accept Klarna payment.