Klarna (Checkout Champ)

Klarna is supported through both the Klarna and Stripe V2 payment gateways

SOFORT is now available through Klarna Payments. If you already offer Klarna’s alternative payment options, then you will need to activate ‘pay by bank transfer’ module in your Klarna payments integration.


Disclaimers:

  • No card details are stored for merchants using Klarna’s Payment Gateway

  • Klarna will only work for one-time purchases, it will NOT work for recurring billing/subscriptions

    • Please contact your account manager if you need to rebill on Klarna

  • Klarna does not support one-click upsells. Upsells on Klarna require the consumer to go through the full Klarna checkout again

  • Customer info fields are required for this alternate payment method.


Step 1: Login and navigate to the funnel you’d like to add Klarna to


Step 2: Click the gear button on the top left to open Settings


Step 3: Open the Payments section


Step 4: Add new Klarna gateway credentials

  • Klarna and Stripe V2 gateways can be selected here

  1. Enter a Title to easily identify your Klarna account

  2. Enter the following information specific to Klarna:

  • Region - choose your region. Europe, North America, or Oceania.

  • Username - Obtained from your Klarna’s Settings > API page

  • 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.

  • Descriptor - Obtained from your Klarna API page

  • Mid # - Obtained from your Klarna API page. Located before the “_” of the username

Click the green Create Gateway button to save your changes and create the gateway

For descriptor information please review the Klarna Merchant Guidelines documentation with Klarna


Step 5: Save and Continue


Step 6: Edit Checkout page and add Klarna button

Button

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


Radio

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.

Step 6-1(radio): Add a radio button to the page. You may design this to your preference.

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.

Use either all buttons or radios for pay source selection to mitigate any conflicts


Step 7: Save the page. Exit the page builder.


Step 8: On the arrow leaving the checkout page, choose the Klarna button.


Step 9: Publish. You’re done and ready to test!