Payment selection page
The Payment selection page is:
- One of the last steps of the checkout process
- Where a customer can select between one or more payment options (one of them being topi)
- Where a customer may be able to click "Place order" or "Buy now" or, if topi is selected, "Checkout with topi"
Elements for the Payment selection page
There are 3 topi elements that are relevant here.
The first is the Checkout Button. When clicked, the behaviour should be exactly the same as if it were rendered on the Cart page. That is, the customer should be redirected to the topi hosted checkout.
Second is the Cart Rental Summary Label. This gives an indication to the customer of the combined monthly rental amount based on the cart contents.
Finally, there's the Rental Overview. This element is designed specifically to be rendered inside of the Payment Option, and it provides your customer with a way to quickly understand what topi is about (rentals) and how much it would cost them per month to rent everything in their cart through topi.
Do render the topi Checkout Button here
Of all the pages you could include a topi Checkout Button, the Payment selection page is where we would strongly recommend it be rendered.
Why? Because this is the page where a customer is seriously considering renting with topi. Together with the Rental Overview element in the payment selection option, this is the place where a customer gets the most information about their possible rental with topi. They are able to toggle between the different tenures (i.e. between 6, 12, 24, and 36 months) to see how the rental durations affect the monthly and total price.
Rendering the topi Checkout Button as opposed to, say, a generic "Checkout" button, provides the customer with more confidence of what is about to happen - i.e. they will be brought to the topi hosted checkout to complete their checkout.