|src||Klarna On-Site Messaging script url|
|async||Makes loading script non-blocking|
|data-client-id||On-Site Messaging Client Identifier|
|ku1-vid||First party cookie containing visitor identifier|
|ku3-vid||Third party cookie containing visitor identifier|
|ku1-sid||First party cookie containing session id used for caching purposes|
Placement tags are the HTML tags decide where to display messaging to visitors on your website. Placements have some basic configurations to adjust them for your needs. Some attributes are required and others are optional:
|data-key||true||Identifier for the placement, uniquely identifies a placement type and size.|
|data-locale||true||The language and the billing country of the ad.|
|data-purchase-amount||true||The amount of money in micro units ($120.00 = 12000), used for amount based credit promotions. Not required for some placements such as the info-page.|
|data-theme="default"||false||Set a theme to override the default or customized content.|
Example use of the attributes in placements:
Amount based placements include the data-purchase-amount attribute. This will deliver messaging with an offering for the specific price provided in micro units, where available. The placements can be used in various places across the website, such as cart view, product details page, product list page, etc. Example:
Here price would equal to $1,225.00 if merchant currency is dollars.
How can I populate the data-purchase amount?
Important note:We do not provide the currency in data-purchase-amount value, currency is based on the merchant configuration for the country and MID.
Placements labeled with (auto)x(auto) will adjust to 100% of the width and height of the container element. All placements are responsive.
Some placements and content support multiple different themes. What themes are available are shown in the preview in merchant portal. Set themes using the ‘data-theme’ attribute in the placement tag.
There are use cases where we need to refresh the content of the placement on demand. The most popular ones are:
The content is dynamically populated by Klarna. We take into consideration several parameters such as the payment options you are offering your users in Klarna Payments (KP) or in the Klarna Checkout (KCOv3) - so in that sense you control the offer. Due to our dynamic algorithm we are able to choose the best performing content for your customers.
On-site messaging is an additional service provided with Klarna Payments (KP) and Klarna Checkout (KCOv3). There are no extra charges.
Messaging credit is heavily regulated. Klarna keeps all messaging provided through the On-site messaging compliant and up to date with regulations in each market.
Definitely! Please take a look at our Best Practices.
Yes! Our partner directory can be found in the main menu under the “Partners” section. Just choose your country, select the partner you are looking for and there you will find information about the supported products like On-Site Messaging.
OSM is rendered inside Shadow Dom to improve loading times (in all browsers except IE). Using Fastclick library makes the elements unclickable inside Shadow Dom and has been documented as a known issue: https://github.com/ftlabs/fastclick/issues/604
Fixes that can be implemented are: