Klarna (Checkout Champ)

Owned by
Developer Support (Unlicensed)
Last updated: May 16, 2024 by
Tom Knuth
3 min read

Klarna is supported through both the Klarna, AdyenV2 and StripeV2 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

  • 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

  • Choose Alternate Payment Methods

  • Klarna, AdyenV2, and StripeV2 gateways can be selected here

 



 

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.

 

 

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!