Skip to main content
All CollectionsPost Purchase UpsellConfiguring 1-Click Upsells
How to create a multi-step post-purchase upsell
How to create a multi-step post-purchase upsell

Show more than 2 post-purchase upsell pages to a customer.

Landon Fuhr avatar
Written by Landon Fuhr
Updated over a week ago

A customer can accept a maximum of two post-purchase upsells due to limitations of the Shopify post-purchase API. However, a customer can be shown more than two post-purchase upsell pages by using multi-step offers in AfterSell.

Multi-step offers split up each page into multiple steps.

How to create a multi-step post-purchase upsell

  1. Create a Multi Product upsell

  2. Click Edit offer > Upsell products > Enable multi-step upsell

  3. Click Add step

  4. Drag and drop a product to the new step

Accepting or declining a step

A customer starts on the first step of a page. If they decline the step then they are shown the next step. If they decline the last step then they are shown the next page. If they accept the step then they skip all later steps and go immediately to the next page.

Analytics

You can use product-specific analytics to measure the performance of multi-step post-purchase upsells. These can be found under Top performing products on the AfterSell analytics page or in the Product breakdown for an A/B test.

An impression for a product in a multi-step upsell is only tracked once that product is shown. For example, if a Green Shirt is in Step 3 but the customer accepts Step 2 and never sees Step 3 then there will be no impression tracked for the Green Shirt.

The overall page (e.g., Upsell #1) will track exactly 1 impression even if there are multiple steps.

Design

Custom text on each step

To show different text for each step, you can use the step text variables. These variables provide text that can be used in other widgets that will automatically update when the step changes.

  1. Click Step 1 > ... > Show text and write "{first-name}, grab this deal in the next {timer} minutes!" in Variable {step-header-A}

  2. Repeat for Step 2 and write "No worries, how about this one instead? ({timer})"

  3. In the Timer widget, replace the text with "{step-header-A}". This will automatically show the text from the current step in the timer and change when the customer goes to the next step.

Steps with only one product each

To create nice-looking steps with only one product each, you can enable Edit offer > Upsell products > Layout settings > Spotlight first product. We recommend also enabling the price breakdown, product reviews, and adding custom text for each product.

Any page can use multi-step

Any or all pages can use multi-step, including Upsell #1, Upsell #2, and Downsell. You can also mix-and-match such as a multi-step Upsell #1 with a single-step Upsell #2.

Multi-step is only available for Multi Product upsells; it is not available for Single Product upsells.

Maximum number of steps

We recommend using a small number number of steps to ensure a good experience for your customers.

AfterSell does not restrict the number of steps that can be created. However, AfterSell has a limit of 12 products per page. This means that you could create a page with up to 12 steps each with 1 product, 4 steps each with 3 products, etc.


Did this answer your question?