upsell

What is Upsell in Codeline ?

Upsell is a way to increase the average order value by offering an additional product or service to the customer. It is a sales technique that encourages customers to buy more by suggesting an upgrade or premium version of the product they are already interested in.

The flow will be like this :

In a regular checkout process, the user will be redirected into the success page.

Instead, you will redirect the user to an upsell page where he can choose to upgrade to another product with a very special discount.

The user has already made a purchase, so he can buy in only one click.

Settings

For an upsell, you need to choose 2 things :

  • The product that will be offered as an upsell
  • The discount that will be applied to the upsell product

And finally, the page.

Upsell page

The upsell page gets the same editor as a courses but, you have access to 2 more components :

UpSellCta (required)

This is the button where the user can choose to upgrade to the upsell product.

MDX
<UpSellCta yesLabel="Join now !" noLabel="No, thanks..." />

When he clicks on the yes button, a modal will appear to confirm the purchase and to choose payment options.

UpSellTimer

By default, the upsell page expires after 10 minutes.

The user will automatically be redirected to the success page.

You can show the timer to the user to create a sense of urgency.

MDX
<UpSellTimer />