> 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/promotional-banner.md).
# Promotional Banner
How to display **Promo Shipping Banners** on Post Purchase checkout page using the **Notifications -> Banner** 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 page.
3. Create a new [**Scenario**](https://admin.shopify.com/apps/upsell-app-30/scenarios).
4. Select the **Notifications** category.
5. Select **Banner**, a notifications type from the options for displaying the banner 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 **type** and **title** for the banner 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 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 **promotional shipping banner**.
