Cart Page

Cart Page

To display the "cart review" page to the user you can use the data-tipser-cart-page tag.

<div data-tipser-cart-page></div>

Example:

22642264

The typical use case for the data-tipser-cart-page tag is to use it on an embedded cart page which is a step that precedes the checkout page in the user checkout funnel. This tag provides a reasonable default implementation for this step. If this implementation is too limiting, you can use the Modular Cart tag instead.

📘

The same implementation of the cart view is used in the standard dialog-based user flow for publishers who don't use the embedded pages.

Attributes

AttributeDescriptionTypeRequiredDefault
data-tipser-class-namecustom CSS class name to applystringfalsenone

📘

To provide a path to your custom cart page, please define the cartUrl key in the customUrls config option.

📘

This component takes up a large part of the page, so it is recommended to place it on a dedicated subpage.

Important Note

📘

Note for staging users

If you are using staging API keys to build your environment, Klarna's payment module differs from the payment options available within production data. Make sure that you test the checkout model to see the differences in design