# How to create a Checkout Upsell scenario

## What is Checkout Upsell?

Checkout Upsell is a feature in the "Amplify | Power Slide Cart" app that allows you to display a widget on the checkout page showing targeted product recommendations. These product suggestions are triggered by a **rule engine**: when a customer has specific products in the cart, the rule engine matches them to a defined rule and then displays the relevant upsell products. This helps increase average order value (AOV), improve conversion rates, and make sure the customer sees complementary or relevant add‑ons at the moment of checkout.

{% hint style="warning" %}
**Due to Shopify’s checkout extension rules, this feature is only available to Shopify Plus users.**
{% endhint %}

## Steps to create a Checkout Upsell

1. **Go to Checkout Upsell**

From the Amplify app, navigate to “Cart & Checkout” > "Scenarios"  > "Checkout Upsell"

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2Fm2lxneGnD5Vtj6VKIqBj%2FHow%20to%20enable%20Checkout%20Upsell%20-%201.png?alt=media&#x26;token=3839a4ed-09b9-4869-b401-c1f547203f16" alt=""><figcaption></figcaption></figure>

2. **Create a rule**

Click on "New rule" to create the conditions from which the products shown at checkout will be selected&#x20;

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FLvDMuHEyQYdSMHgX1XCs%2FHow%20to%20enable%20Checkout%20Upsell%20-%202.png?alt=media&#x26;token=2be6305a-dbe0-4ed8-aeca-d1af6a90e9d1" alt=""><figcaption></figcaption></figure>

3. **Conditions**

* Add a trigger condition for "When" a product is in the cart

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FuLoXkkzeSb0SHe3F7uEK%2FHow%20to%20enable%20Checkout%20Upsell%20-%203.png?alt=media&#x26;token=cfcc563c-3e62-41d0-b177-f354e654294f" alt=""><figcaption></figcaption></figure>

* Add a result condition for "Then", which products will appear in the upsell

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FxWrOZ00QY62JDVJKVd9O%2FHow%20to%20enable%20Checkout%20Upsell%20-%204.png?alt=media&#x26;token=960733ab-ea0f-48ca-a258-858b6296cacb" alt=""><figcaption></figcaption></figure>

* You can select conditions by specifying products, product titles, and product collections

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2Fhz7qw3URv3xERHLRvQ7F%2FHow%20to%20enable%20Checkout%20Upsell%20-%205.png?alt=media&#x26;token=0a0ff3ef-eb14-48ce-900f-a27e25e91127" alt=""><figcaption></figcaption></figure>

4. **Discount**&#x20;

Click on "Settings" to configure the discount you want to offer for the Checkout Upsell

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FD4aVo52JdxjiHEAh4lhz%2FHow%20to%20enable%20Checkout%20Upsell%20-%206.png?alt=media&#x26;token=5cfba505-a10c-4375-a6d7-2b8e0317fb75" alt=""><figcaption></figcaption></figure>

5. **Amount of products and widget title**

From the Design tab, configure the Title you want to show and the maximum number of products that will be featured

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FC88AZud0O2RmAIFF17lB%2FHow%20to%20enable%20Checkout%20Upsell%20-%207.png?alt=media&#x26;token=31cafd64-661b-4280-9a89-8e6106f5db72" alt=""><figcaption></figcaption></figure>

### How to add the Checkout Upsell to the Checkout page

1. **Add the widget to the checkout page**

Before you enable the Scenario, you need to add the widget to the checkout page.&#x20;

* From Shopify Admin, click on "Settings"

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FstLn9rGKc42GgFl5Nocv%2FHow%20to%20enable%20Checkout%20Upsell%20-%208.png?alt=media&#x26;token=f0469721-1aa0-479b-8fee-00ff17366549" alt=""><figcaption></figcaption></figure>

2. Click on "Checkout" and then "Customize" to be redirected to the theme editor for the Checkout page

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FfPFmkGxFEd4WyGxr1g9q%2FHow%20to%20enable%20Checkout%20Upsell%20-%209.png?alt=media&#x26;token=328cd107-c484-42b1-b3cd-cac520704719" alt=""><figcaption></figcaption></figure>

3. In the "Order summary" section, click on "Add block" and then select "Checkout Upsell"

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FrUepIbeeLDErZz7kvZZ6%2FHow%20to%20enable%20Checkout%20Upsell%20-%2010.png?alt=media&#x26;token=fce6b94b-4bf3-4159-9633-91ea95923e17" alt=""><figcaption></figcaption></figure>

4. Once the App block appears at the top of the "Order summary" section, drag and drop it to reposition it.

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FcGEQcrWgDHjKyVVyotOE%2FHow%20to%20enable%20Checkout%20Upsell%20-%2011.png?alt=media&#x26;token=23aedd84-8497-4e36-b72d-a2c7d4fbc463" alt=""><figcaption></figcaption></figure>

5. Once you are happy with the location of the widget, click on "Save" in the top right corner

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2F9Mv2ejngoC0CavCv257a%2FHow%20to%20enable%20Checkout%20Upsell%20-%2012.png?alt=media&#x26;token=0c8fcc0b-257e-4fb3-a73e-7c89c2cb4d73" alt=""><figcaption></figcaption></figure>

6. **Activate the Scenario**

Once the widget is added to the checkout page, go back to the application and Activate the Checkout Upsell Scenario

<figure><img src="https://1938823173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwr3WKkdPthY5q7z19yUd%2Fuploads%2FuitoQBd1VsMHYDZK5kwm%2FHow%20to%20enable%20Checkout%20Upsell%20-%2013.png?alt=media&#x26;token=6e0c03e1-aff1-4a92-abee-a7d977b90045" alt=""><figcaption></figcaption></figure>

:tada:Congratulations! Checkout Upsell is now visible in your store!

***

## Common Questions About Checkout Upsell

<details>

<summary>Can I show multiple upsell products under the same rule?</summary>

Yes - you can select more than one product to display when the rule triggers. You can also choose the number of shown products from the Design menu.

</details>

<details>

<summary>Can I offer a discounted price on the upsell product?</summary>

Yes - you can set a discount for the upsell product as part of the offer.

</details>

<details>

<summary>Will this work on mobile checkout?</summary>

Yes - the widget is designed to appear in the checkout flow under both desktop and mobile views.

</details>

***

## Conclusion

The Checkout Upsell feature in Amplify gives you a powerful way to boost revenue at one of the most critical moments of the shopping experience - right when the customer is about to complete their purchase. \
\
By leveraging a rule engine to match relevant offers and displaying them as a widget on the checkout page, you can suggest complementary products, increase average order value, and optimise your conversion flow. Follow the steps above to set it up, test it thoroughly, track performance, and iterate on your offers for continued growth.

***

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><mark style="color:purple;"><strong>Get Cart &#x26; Checkout</strong></mark></td><td>Try free</td><td><p>1. Post-purchase scenario</p><p>2. Shopify post-purchase offer</p><p>3. Post-purchase upsell</p><p>4. Set up post-purchase discount</p><p>5. Enable post-purchase page</p><p>6. Amplify post-purchase</p><p>7. Configure post-purchase settings</p><p>8. Post-checkout offer</p><p>9. Custom post-purchase call-to-action</p><p>10. Shopify post-purchase configuration</p></td><td><a href="https://apps.shopify.com/slide-cart-drawer-pickystory">https://apps.shopify.com/slide-cart-drawer-pickystory</a></td></tr></tbody></table>
