> ## 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.

# 💳 Supported Payment Icons

How to display multiple **Supported Payment Icons** and **Trust Badges** on the Checkout using the **Notifications -> Content** option.

<iframe src="https://www.loom.com/embed/22c71203cae9425a98d20cfb31c9ab7f" 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 Content type">
    Select **Content** from the available notification types to display custom images during checkout.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/328784f3c3.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=32a0f2a22a9b35650e6519e25e74b11a" alt="" width="2878" height="1510" data-path="images/328784f3c3.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 content appears during checkout.

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

  <Step title="Configure the content">
    Configure the **Content Settings**, including the **Image Source URL** and **Redirect URL** for the trust badges or images you want to display.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/3ca98b8bc6.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=be50df4034f995ad1f2cf73337219165" alt="" width="2880" height="1504" data-path="images/3ca98b8bc6.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/dfdf8a69ed.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=6d067f0d76a942604f5b2b75c30b5e64" alt="" width="2880" height="1512" data-path="images/dfdf8a69ed.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/065de50336.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=928ace5c9d25b6e677300d1acb7843b7" alt="" width="2880" height="1520" data-path="images/065de50336.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/a76aa11836.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=e534eb0033e40fd6d3392b86f6195ad2" alt="" width="2880" height="1510" data-path="images/a76aa11836.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/868a548598.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=2dc5c8e56fc0131e29022270f53377b2" alt="" width="2880" height="1512" data-path="images/868a548598.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](https://admin.shopify.com/settings/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 – Image Content** app block, drag it to the desired location, and paste the copied **Placement ID**.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/6f53fdc188.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=c3a40a442e34b38b305f52efcb796541" alt="" width="2880" height="1516" data-path="images/6f53fdc188.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/70e849ab70.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=d7cdcde656c96ac8920cff70bd3e2e78" alt="" width="2880" height="1508" data-path="images/70e849ab70.png" />
  </Step>

  <Step title="Add additional image blocks">
    To display multiple trust badges or images, repeat the entire process for each additional **Content** customization you want to add.

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

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

  [AXIL](https://sportear.myshopify.com/) uses the **Notifications → Content** customization to display multiple trust badges throughout checkout, helping build customer confidence, strengthen brand reputation, and improve conversion rates.
</Note>
