Klarna Docs - Checkout Customization

Checkout Customization

We allow you to configure the Klarna Checkout to fuse with your e-store’s visual design and buying experience

How it’s done

Colors

To make Klarna Checkout fit your e-store’s visual design and brand colors, you have the option to set the color of certain elements in Klarna Checkout. The color is set as an option in the api when loading Klarna Checkout.

The below elements are available for customization:

  • options.color_button
  • options.color_button_text
  • options.color_checkbox
  • options.color_checkbox_checkmark
  • options.color_header
  • options.color_link
  • options.radius_border

For example, to set the button color to red:

Note: Only hexadecimal values are allowed. The default color scheme will show if no values are set.

The settlement application will also be affected by the color settings.

Shipping information note

In order to clarify the customer experience, you can present a sentence regarding shipping on the confirmation page. The sentence can be a maximum of 70 characters long and will be presented under the headline “Delivery”. If no info is set, the headline will not be displayed.

It is set when creating or updating an order:

JSON
{
  //...
  "options": {
    "shipping_details": "Delivered within 1-3 days"
  }
}

Displaying VAT

It is possible to hide the VAT in the order summary by using the options.vat_removed property.

JSON
{
  // more order data...
  "options": {
    "vat_removed": true
  }
}

VAT showing

VAT removed

Checkboxes

You can also add custom checkboxes, read more here.