Klarna (Checkout Champ)

Klarna is supported through Klarna, Adyen V2, Airwallex, 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 the pay by bank transfer module in your Klarna payments integration.

Rebills and 1-click upsells are supported on Klarna and Adyen. Airwallex and Stripe do not offer that feature.

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.


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, AdyenV2, Airwallex, and StripeV2 gateways can be selected here

  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

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 a 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!

Last updated