# Static 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 -> Static**</mark> option? A simple walkthrough.

{% embed url="<https://drive.google.com/file/d/1AwkFfg6yS4o1STgXCHO2zMzIe4FSq_5h/view?usp=sharing>" %}

## 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;">**Static Source**</mark> upsell type from the options to upsell products manually on the post purchase page.

<figure><img src="/files/uBTvFuFgMWjAd21O5ro8" 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/8eY8aS3bhsrZmqHfEqAc" 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/gfKmgXLaHVbCzAdbyDSz" alt="" width="563"><figcaption></figcaption></figure>

8. Add the <mark style="color:green;">**products**</mark> manually and adjust the <mark style="color:green;">max. product count</mark> for displaying products on the Post Purchase checkout page.

<figure><img src="/files/ujsQKOsmvP8iOiT8LBD3" 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/GyE6w1QvgR0uHmRDyZld" 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/RdIhXXrLWqHuRIldnkhe" 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/8MKnfwqpPnPNDWvbcDLv" 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;">**static upsell**</mark> products offered at 15% discount.

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://apps.sanomads.com/hypeup-post-purchase-upsell/use-cases/static-upsell.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
