Skip to main content

Cart page

The Cart page is:

  • The first step in a mulit-step checkout process
  • Where a customer can go to see the items in their cart
  • Where a customer can adjust quantity of items that are already in their cart
  • Where a customer can move on to the next steps of checkout by clicking "Continue to checkout"

Elements for the Cart page​

Cart page

There are 2 topi elements that are relevant here.

First, the Cart Rental Summary Label. This gives your customer an indication of the lowest combined monthly rental amount for the entire cart. "From 60,48€/Mo." is the total based on the longest tenure (e.g. 36 months).

Second is the Checkout Button. This, when clicked, should make a request to your server to create a topi offer, after which, the customer is redirected to the topi hosted checkout.

Faster checkout​

Note that in our example, the Cart page is the first step in the checkout process. There are customer details forms to fill and payment options to select in the later steps.

So choosing to render the topi Checkout Button here means you're enabling a faster checkout experience for the customer. They would skip the Payment selection page and go straight to checking out with topi.

You can also choose not to render the button here, and instead only render it on the last step of your checkout process (on the Payment selection page). We recommend trying both to see if and how they can improve conversions.