> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nomadsarc.app/llms.txt
> Use this file to discover all available pages before exploring further.

# ℹ Promotional Banner

How to display **Promo Discount Banners** on Checkout using the **Notification -> Banner** option? A Step by Step Guide.

<iframe src="https://www.loom.com/embed/23c1d08387994e2fbdfe76bc69f4e429" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen width="100%" height="480" />

## Guide

<Steps>
  <Step title="Create a new customization">
    Create a new [customization](https://admin.shopify.com/apps/dynamic-checkout-customizer/customizations).

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/28fda48321.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=2c262de4965e8e0e253c530d0bb26897" alt="" width="1441" height="756" data-path="images/28fda48321.png" />
  </Step>

  <Step title="Select the Notifications category">
    Choose **Notifications** as the customization category.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/86aed9c810.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=65a93a543c6d6d180b2bb1928e6e5d7e" alt="" width="2880" height="1506" data-path="images/86aed9c810.png" />
  </Step>

  <Step title="Choose the Banner type">
    Select **Banner** from the available notification types to display informational or promotional banners during checkout.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/f39fbea74b.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=10903ba0344421c6f4bef60c9c920a47" alt="" width="2880" height="1504" data-path="images/f39fbea74b.png" />
  </Step>

  <Step title="Choose a placement">
    Select **Dynamic Render** from the available placement options.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/fca81e05df.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=394fbbcff225a378aa97c3722ab9cb88" alt="" width="2876" height="1508" data-path="images/fca81e05df.png" />
  </Step>

  <Step title="Configure display conditions">
    Add one or more **conditions** to control when the banner is displayed during checkout.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/5c3b623b17.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=9089a5297158b1fef65b85c6de8c2936" alt="" width="2880" height="1514" data-path="images/5c3b623b17.png" />
  </Step>

  <Step title="Configure the banner">
    Customize the banner by selecting its **Type** and entering the **Title** that customers will see during checkout.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/e12b92b439.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=eab91764e331d0d2eb911ef65ffd6b4e" alt="" width="2880" height="1510" data-path="images/e12b92b439.png" />
  </Step>

  <Step title="Activate the customization">
    Change the **Status** to **Active** to enable the customization.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/9513611837.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=b9abeaaa828ab202dbc5991d29b2d125" alt="" width="2880" height="1508" data-path="images/9513611837.png" />
  </Step>

  <Step title="Set the priority">
    Configure the **Priority** (0–100) to determine the execution order when multiple customizations are eligible.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/b6911049cf.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=9cbe913881a56a5a3372e43fbd53a453" alt="" width="2880" height="1510" data-path="images/b6911049cf.png" />
  </Step>

  <Step title="Copy the Placement ID">
    Open the **Placement** tab and copy the generated **Placement ID**. You'll use this in the Shopify Checkout Editor.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/18b4b6f378.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=2a1b4d00d1788226ee3acc24978805f3" alt="" width="2876" height="1508" data-path="images/18b4b6f378.png" />
  </Step>

  <Step title="Save the customization">
    Click **Save** to store your configuration.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/bf2cabfba5.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=530c7c1a3af410508e318f81c999e894" alt="" width="2880" height="1512" data-path="images/bf2cabfba5.png" />
  </Step>

  <Step title="Open the Checkout Editor">
    Go to your Shopify [Settings](https://admin.shopify.com/settings)**→ Checkout**, select your checkout profile, and click **Customize**.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/ebe8a89b62.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=68d2403f6ad9255b2b47eaf5d2042514" alt="" width="2880" height="1508" data-path="images/ebe8a89b62.png" />
  </Step>

  <Step title="Add the app block">
    In the Checkout Editor, click **Add app block**.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/e989097815.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=2849e31bab12a748724a57a0825ec186" alt="" width="2878" height="1504" data-path="images/e989097815.png" />

    <Note>
      Make sure the app block is placed in the same checkout placement you selected in Dynamic Checkout Customizer.
    </Note>
  </Step>

  <Step title="Configure the app block">
    Select the **Checkout – Instruction Banner** app block, drag it to the desired location, and paste the copied **Placement ID**.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/9ef028fb20.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=b7d5ded783f209f5741e7a73dcd04856" alt="" width="2880" height="1510" data-path="images/9ef028fb20.png" />
  </Step>

  <Step title="Publish your changes">
    Click **Save** in the Checkout Editor to publish the customization.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/de49128f10.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=5af2d88382ac47a8c7ad3466535c1c7a" alt="" width="2880" height="1510" data-path="images/de49128f10.png" />
  </Step>
</Steps>

<Note>
  **Why does it matter?**

  [Balardi](https://balardi.com/) uses the **Banner Notifications** customization to display important messages and promotional information during checkout, helping improve customer confidence and contributing to higher conversion rates.
</Note>
