> 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/discount-image.md).
# Discount Image
How to display **Discount** **Image** and **Upsell Products** on the Post Purchase Checkout using the **Notifications -> Content** option? A Step by Step Guide.
{% embed url="" %}
## Guide
1. Go to the store [**Settings**](https://admin.shopify.com/settings) **->** [**Checkout**](https://admin.shopify.com/settings/checkout).
2. Make sure that the [**HypeUp - Post Purchase app**](https://admin.shopify.com/apps/upsell-app30) is selected for the post purchase checkout page.
3. Create a new [**Scenario**](https://admin.shopify.com/apps/upsell-app-30/scenarios).
4. Select the **Notifications** category.
5. Select **Content**, a notifications type from the options for displaying the image or text on the post purchase checkout page.
6. Add multiple **conditions** to handle the visibility of the scenario on the post purchase checkout page.
7. Adjust the **layout**, **image source** and **image link** for displaying the content scenario.
8. Change the **status** to active to enable the scenario.
9. Adjust the **priority** between 0 to 100 to cover multiple use cases for the customizations.
10. Click on the **Save** button to save the changes.
11. Go to app [**Settings**](https://admin.shopify.com/apps/upsell-app30/settings), click Display Settings then select a **Layout Option** and **Products Per Row** for displaying the banner and products on the Post Purchase checkout page.
12. Click on the **Save** button to publish the changes live for the customers on the Post Purchase checkout page.
13. Create a new **Order** from your store and after a successful checkout, you will be able to see a post purchase page including the **discount image**.