Install Klarna On-site Messaging to your theme
First, you will need to have Klarna installed on your theme. Check out this article and follow steps 1 to step 6 before proceeding to integrate it with GemPages.
Integrate Klarna with GemPages
Step 1: Prepare the code for integration
Please identify the widget you wish to display in the 7th step of this article. You have three options to choose from. Once you make your selection, please copy the corresponding placement code provided below for future use.
The integration code will include the following line:
- {% assign current_variant = product.selected_or_first_available_variant %}
- The placement code you copied.
For instance, if you choose the “Credit-promotion-auto-size” placement, the integration code would be as follows:
{% assign current_variant = product.selected_or_first_available_variant %}
<klarna-placement data-key=”credit-promotion-auto-size” data-purchase-amount=”{{current_variant.price}}” data-preloaded=”true” data-locale=”en-GB”></klarna-placement>
Step 2: From the GemPages’ Dashboard, select your preferred template to access the Editor.
Step 3: Drag a Liquid element to any position you want.
Right-click on the element and select Edit Code. Paste the integration code into the code panel.
Hit “Save” when finished.
FAQ
#1 Why is the Klarna widget not visible on the preview page?
Please be aware that the Klarna message will only appear on your live page. We recommend publishing your page to verify if the Klarna message is functioning properly.
#2 Why is the Klarna widget not appearing on my blog post?
Please note that Klarna Onsite Messaging is designed to work specifically on the home page, product pages, collection pages, landing pages, cart page, and checkout page. For more information, refer to this article from Klarna.
#3 How can I modify the message or change the language?
Please be informed that GemPages only retrieves data from Klarna to display on your page. In this case, we recommend contacting the app support team for further assistance with editing the message or changing the language.
Should you need any further assistance, please contact our GemPages Support Team via email or live chat.