# Klarna

Klarna is supported through Klarna, Adyen V2, Airwallex, Checkout.com, Cardstream, Mollie, NomuPay, Swipen, Sotpay, Stripe V2, WithReach, and Worldpay V2 payment gateways

{% hint style="info" %}
SOFORT is now available through Klarna Payments. If you already offer Klarna’s alternative payment options, then you will need to activate the **pay by bank transfer** module in your Klarna payments integration.
{% endhint %}

{% hint style="info" %}
Rebills and 1-click upsells are supported on Klarna, Adyen, Airwallex, and Stripe.  The other gateways in this article do not offer that feature.
{% endhint %}

{% hint style="warning" %}
**Disclaimers:**

* **No card details are stored for merchants using Klarna’s Payment Gateway**
* **Customer info fields are required for Klarna payment method.  Klarna does not return customer information to the page.**
  {% endhint %}

***

### Step 1: Login and navigate to the funnel you’d like to add Klarna to <a href="#klarna-checkoutchamp-step1-loginandnavigatetothefunnelyoudliketoaddklarnato" id="klarna-checkoutchamp-step1-loginandnavigatetothefunnelyoudliketoaddklarnato"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F2a3I8b3ueeb29mcgCqQg%2Fimage.png?alt=media&#x26;token=de423179-0770-4a80-9c52-e0aa1c5632f7" alt="" width="563"><figcaption></figcaption></figure>

***

### Step 2: Click the gear button on the top left to open Settings <a href="#klarna-checkoutchamp-step2-clickthegearbuttononthetoplefttoopensettings" id="klarna-checkoutchamp-step2-clickthegearbuttononthetoplefttoopensettings"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FvGfRTwc5gz185HH00weU%2Fimage.png?alt=media&#x26;token=ce7d418f-1e19-4616-bc05-851e88c4543e" alt="" width="559"><figcaption></figcaption></figure>

***

### Step 3: Open the Payments section <a href="#klarna-checkoutchamp-step3-openthepaymentssection" id="klarna-checkoutchamp-step3-openthepaymentssection"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F7jsGIBkg39vSTl9B9pZz%2Fimage.png?alt=media&#x26;token=5c8987cc-b1a9-49cd-af8f-43352ac71677" alt="" width="538"><figcaption></figcaption></figure>

***

### Step 4: Add new Klarna gateway credentials <a href="#klarna-checkoutchamp-step4-addnewklarnagatewaycredentials" id="klarna-checkoutchamp-step4-addnewklarnagatewaycredentials"></a>

* Klarna, Adyen V2, Airwallex, Cardstream, Checkout.com, Mollie, NomuPay, Swipen, Sotpay, Stripe V2, and Worldpay V2 gateways can be selected here

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F9ElfId9pT0qSjF4N8kLo%2Fimage.png?alt=media&#x26;token=91a453e6-3517-438d-86bc-cc410c1e7429" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fa72tuECCUbNqHJ8DBCjq%2Fimage.png?alt=media&#x26;token=289e17ec-6814-4ff8-82ef-a3fb4b9472c8" alt="" width="563"><figcaption></figcaption></figure>

<br>

{% hint style="info" %}

1. Enter a **Title** to easily identify your Klarna account
2. Enter the following information specific to Klarna:
3. **Region -** choose your region. Europe, North America, or Oceania.
4. **Username** - Obtained from your Klarna’s Settings > API page
5. **Password** - Obtained from your Klarna API page
   * You may want to create a new set of API credentials for your CRM connection. Klarna provides a dropdown to view different API Keys/store connections.
6. **Descriptor** - Obtained from your Klarna API page
7. **Mid #** - Obtained from your Klarna API page. Located before the “\_” of the username

&#x20;

Click the green **Create Gateway** button to save your changes and create the gateway
{% endhint %}

{% hint style="info" %}
***For descriptor information please review the*** [***Klarna Merchant Guidelines***](https://docs.klarna.com/guidelines/merchant-assets/#payment-descriptors) ***documentation with Klarna***
{% endhint %}

***

### Step 5: Save and Continue <a href="#klarna-checkoutchamp-step5-saveandcontinue" id="klarna-checkoutchamp-step5-saveandcontinue"></a>

***

### Step 6: Edit Checkout page and add a Klarna button <a href="#klarna-checkoutchamp-step6-editcheckoutpageandaddklarnabutton" id="klarna-checkoutchamp-step6-editcheckoutpageandaddklarnabutton"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FFAWIoYr74SoZDDdTf9gk%2Fimage.png?alt=media&#x26;token=2a9655fe-cd4e-4c3f-a114-45aa064393e3" alt="" width="122"><figcaption></figcaption></figure>

### Button <a href="#klarna-checkoutchamp-button" id="klarna-checkoutchamp-button"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FzmV3P4APA9lNsFpoAPTM%2Fimage.png?alt=media&#x26;token=7b4b869a-339b-4156-9c04-12c1aa6807b5" alt="" width="563"><figcaption></figcaption></figure>

#### Step 6-1: Customize button size by clicking on the button and dragging the highlighted corners or use the Dimension tab for advanced edits. Under the Settings for the element, be sure the Action is set to *Submit + Route* <a href="#klarna-checkoutchamp-step6-1-customizebuttonsizebyclickingonthebuttonanddraggingthehighlightedcorner" id="klarna-checkoutchamp-step6-1-customizebuttonsizebyclickingonthebuttonanddraggingthehighlightedcorner"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FPNr4WvhzDyY9UvQ1xGGo%2Fimage.png?alt=media&#x26;token=15b6cc20-48d5-4983-b1b6-c20f7973712a" alt="" width="563"><figcaption></figcaption></figure>

***

### Radio <a href="#klarna-checkoutchamp-radio" id="klarna-checkoutchamp-radio"></a>

If you would prefer to have users checkout using the main checkout button, rather than the individual Klarna button, you can use the “payment\_method” radio button.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fm1JjfjTiaoLasYY2zzOB%2Fimage.png?alt=media&#x26;token=1820c66f-aa59-453a-b219-ebe1f452f826" alt=""><figcaption></figcaption></figure>

#### Step 6-1(radio): Add a radio button to the page. You may design this to your preference. <a href="#klarna-checkoutchamp-step6-1-radio-addaradiobuttontothepage.youmaydesignthistoyourpreference" id="klarna-checkoutchamp-step6-1-radio-addaradiobuttontothepage.youmaydesignthistoyourpreference"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FzNfSzzzneedOjmeu8vAY%2Fimage.png?alt=media&#x26;token=efd9725e-d4cf-4b15-8d49-5a8188f236a6" alt=""><figcaption></figcaption></figure>

#### Step 6-2(radio): Select the radio button and change the settings so the Name is “payment\_method”. This may also be used with the payment toggler by setting the name to “fk-payment-option-toggler“. Then set the Value of the radio button to the name of the pay source in all caps. <a href="#klarna-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_metho" id="klarna-checkoutchamp-step6-2-radio-selecttheradiobuttonandchangethesettingssothenameis-payment_metho"></a>

{% hint style="warning" %}
Use either all buttons or radios for pay source selection to mitigate any conflicts
{% endhint %}

***

### Step 7: Save the page. Exit the page builder. <a href="#klarna-checkoutchamp-step7-savethepage.exitthepagebuilder" id="klarna-checkoutchamp-step7-savethepage.exitthepagebuilder"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F6E4D3IigExnyzPCKOLSN%2Fimage.png?alt=media&#x26;token=4f556a07-4b44-41ea-bd84-836070464581" alt=""><figcaption></figcaption></figure>

***

### Step 8: On the arrow leaving the checkout page, choose the Klarna button. <a href="#klarna-checkoutchamp-step8-onthearrowleavingthecheckoutpage-choosetheklarnabutton" id="klarna-checkoutchamp-step8-onthearrowleavingthecheckoutpage-choosetheklarnabutton"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FnF7UNGds1XU6uZexkiS4%2Fimage.png?alt=media&#x26;token=d7d24420-7caf-4aa5-8d94-3e9ae5a85ddc" alt="" width="563"><figcaption></figcaption></figure>

***

### Step 9: Publish. You’re done and ready to test! <a href="#klarna-checkoutchamp-step9-publish.youredoneandreadytotest" id="klarna-checkoutchamp-step9-publish.youredoneandreadytotest"></a>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FYUMkU4MI4Y9Y6RAEoeVf%2Fimage.png?alt=media&#x26;token=093e405b-35dc-4174-8164-1c9c6048e4fe" alt="" width="563"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/funnel-visualizer/edit-funnel-settings/payments/klarna.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
