How to Set Up a Single Product Upsell Experience at Checkout

Add a single complementary product upsell at checkout to 100% of traffic or a targeted audience with a Checkout Experience

Adding a Single Product Upsell at Checkout

Adding upsells to your checkout page is easy with Intelligems. You have the power to not only show upsells to customers at checkout without needing another app, but you can measure the impact of product upsells with Experiences. In this example, you'll learn how to set up a single product upsell at checkout via Experiences. The goal is to offer a low-friction add-on that customers can add with one click before completing their purchase.

Who is this for

This setup is best for:

  • Brands with impulse add-on products that are complementary, one-size / color, and don't take any decision making to add

  • Brands that know exactly which product they want to show, or have already tested and want to rollout their learnings

Checkout Experiences require Shopify Plus.

circle-check

When to use this

Use this Experience when you want to:

  • Launch a checkout upsell without running a test

  • Promote a single, obvious and complementary impulse item

  • Increase average order value with minimal risk to conversion

  • Keep checkout simple and free of choice overload

This is a strong default for merchants new to checkout upsells.

circle-info

Want to run a Product Upsell Checkout Test? Follow these steps.

What this Checkout Experience does

This setup creates a Product Upsell Checkout Experience that shows a single product upsell at checkout to 100% of your traffic, or the targeted audience you choose during setup.

Why it matters

Checkout is the highest-intent moment in the purchase journey, but too many choices can reduce conversion. A single-product upsell allows you to increase average order value while keeping checkout fast and focused.

How to Set Up This Checkout Experience in Intelligems

  1. Go to Experiences > Checkout

  2. Select Upsell

  3. Choose the Single Product template

  4. Add a Block name

  5. Rename the Location ID to be descriptive

  6. Select your product

  7. Configure the Block settings including headline copy, button copy, background, padding, border style, border thickness, and corner radius

  8. Click Next

  9. Click Complete checkout experience setup

  10. Add the block to your Checkout page in Shopify by clicking Complete Shopify setup

    1. In the Shopify Admin go to Settings > Checkout

    2. Under Configurations, click Customize to open the Checkout editor

    3. In the left panel, click Apps

    4. Navigate to Intelligems, click (+)

    5. Paste your block Location ID into the block settings

    6. Toggle on Include block in Shop Pay (recommended)

    7. Drag the block into the position at checkout

    8. Click Save in the top right in the Checkout editor

    9. Return to Intelligems app and click Save

  11. At this point, you can make additional test modifications by clicking + Add modification

  12. You can update the content, launch a different Theme or Template, and update styles or javascript

  13. Add Targeting to choose which shoppers you want to see this block. It will be set to all visitors by default.

  14. Save your Experience

  15. Preview your Checkout Test on desktop and mobile

  16. When everything looks good, Schedule Your Experience or Activate to go live

    1. You can select a Start time and Stop time when Scheduling

circle-info

If you're on the Core, Plus, or Blue plan, you can test checkout experiences. Read more here.

Last updated