> For the complete documentation index, see [llms.txt](https://apps.sanomads.com/hypeup-post-purchase-upsell/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apps.sanomads.com/hypeup-post-purchase-upsell/use-cases/dynamic-upsell.md).

# Dynamic Upsell

How to <mark style="color:green;">**Upsell or Cross Sell**</mark> Products on Post-Purchase checkout page using the <mark style="color:green;">**Upsell -> Dynamic**</mark> option? A simple walkthrough.

{% embed url="<https://drive.google.com/file/d/1L6ZEPALOxzYEvybkBt7jaPaRx44-bEVr/view?usp=sharing>" %}
Dynamic Upsell Tutorial
{% endembed %}

## Guide

1. Go to the store [<mark style="color:green;">**Settings**</mark>](https://admin.shopify.com/settings) <mark style="color:green;">**->**</mark> [<mark style="color:green;">**Checkout**</mark>](https://admin.shopify.com/settings/checkout).

<figure><img src="/files/6yiROaDhMx1euO5aXRnH" alt="" width="563"><figcaption></figcaption></figure>

2. Make sure that the [<mark style="color:green;">**HypeUp - Post Purchase app**</mark>](https://admin.shopify.com/apps/upsell-app30) is selected for the post purchase page.

<figure><img src="/files/gfiAO3nZhayCz0Vhw7XX" alt="" width="563"><figcaption></figcaption></figure>

3. Create a new [<mark style="color:green;">**Scenario**</mark>](https://admin.shopify.com/apps/upsell-app-30/scenarios).

<figure><img src="/files/gEgXCRSRa3lVDa4cU36N" alt="" width="563"><figcaption></figcaption></figure>

4. Select the <mark style="color:green;">**Upsell**</mark> category.

<figure><img src="/files/FvXnsuggJFSYKBWYqeUf" alt="" width="563"><figcaption></figcaption></figure>

5. Select <mark style="color:green;">**Dynamic Source**</mark> upsell type from the options to upsell products on the post purchase page using product metafields.

<figure><img src="/files/HXd1KnSpZtGP3RoABIDn" alt="" width="563"><figcaption></figcaption></figure>

6. Add multiple <mark style="color:green;">**conditions**</mark> to handle the visibility of the scenario on the post purchase checkout page.

<figure><img src="/files/tVeyZmtS9Nht481ImYsP" alt="" width="563"><figcaption></figcaption></figure>

7. Enable <mark style="color:green;">**Fixed**</mark> or <mark style="color:green;">**Percentage**</mark> discounts. (optional)

<figure><img src="/files/Ps4EybxZNdjAnI5kgIoC" alt="" width="563"><figcaption></figcaption></figure>

8. Add the <mark style="color:green;">**metafield**</mark> in the dynamic source field to get the products for each cart item. Adjust the <mark style="color:green;">**Max Products**</mark>, <mark style="color:green;">**Is Source**</mark> and <mark style="color:green;">**Dynamic conditions**</mark>.

<figure><img src="/files/PKsgswci2LvpbTCOwrnU" alt="" width="563"><figcaption></figcaption></figure>

9. Change the <mark style="color:green;">**status**</mark> to active to enable the customization block.

<figure><img src="/files/UunOZJ4RmG61PpMMYOIE" alt="" width="563"><figcaption></figcaption></figure>

10. Adjust the <mark style="color:green;">**priority**</mark> between 0 to 100 to cover multiple use cases for the customizations.

<figure><img src="/files/bqznBmwb2R3LvgcoPd5M" alt="" width="563"><figcaption></figcaption></figure>

11. Click on the <mark style="color:green;">**Save**</mark> button to save the changes.

<figure><img src="/files/Q60SLJBJDKpXcoseToMZ" alt="" width="563"><figcaption></figcaption></figure>

12. Go to app [<mark style="color:green;">**Settings**</mark>](https://admin.shopify.com/apps/upsell-app30/settings), click Display Settings then select a <mark style="color:green;">**Layout Option**</mark> and <mark style="color:green;">**Products Per Row**</mark> for Post Purchase checkout page layout.

<figure><img src="/files/q5qQ1SQzAoldTMh7F8VG" alt="" width="563"><figcaption></figcaption></figure>

13. Click on the <mark style="color:green;">**Save**</mark> button to publish the changes live for the customers on the Post Purchase checkout page.

<figure><img src="/files/oLiDKrOPvJaan9wUnwiJ" alt="" width="563"><figcaption></figcaption></figure>

14. Create a new <mark style="color:green;">**Order**</mark> from your store and after a successful checkout, you will be able to see a post purchase page including the <mark style="color:green;">**dynamic upsell**</mark> products offered at 15% discount.

<figure><img src="/files/v1LKulH8f9Qo5UuNNHIU" alt="" width="563"><figcaption></figcaption></figure>
