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

# 📑 Display Tags

How to add **Custom** **Tags** for each cart item on the Checkout using the **Cart Item Details -> Display Tags** option.

<iframe src="https://www.loom.com/embed/e8348fec89c24ee78b3686427e058f31" 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 Cart Item Details category">
    Choose **Cart Item Details** as the customization category.

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

  <Step title="Choose the Display Tags type">
    Select **Display Tags** from the available Cart Item Details options to display custom product tags for each cart item during checkout.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/b5653aa476.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=705c7d0f857aaeb4c980796e0726a4d4" alt="" width="2874" height="1506" data-path="images/b5653aa476.png" />
  </Step>

  <Step title="Choose a placement">
    Select **Render After Each Cart Item** from the available placement options.

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

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

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/391aa0a76c.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=4ac0f93416d9be2f387d19ef9aeceb7a" alt="" width="2878" height="1506" data-path="images/391aa0a76c.png" />
  </Step>

  <Step title="Configure Display Tags settings">
    Configure the **Display Tags** settings by mapping **Product Tags** to the custom tag values you want to display for each cart item.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/1005b6fadc.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=fdfa740af2fe0ac4d7b364b40e3ef93a" alt="" width="2874" height="1506" data-path="images/1005b6fadc.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/6e0f08c8a3.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=afd02f3cd338381f47cfab470754f48f" alt="" width="2876" height="1510" data-path="images/6e0f08c8a3.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/b72ef23d7c.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=e4b91174e01fd952fc58c08e0cb5bf93" alt="" width="2876" height="1508" data-path="images/b72ef23d7c.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/55582f77e9.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=c887115a3728702dbc971f5b80a509d3" alt="" width="2876" height="1506" data-path="images/55582f77e9.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/e51f7df7f1.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=7691a605d8f142f3b871073357556024" alt="" width="2878" height="1506" data-path="images/e51f7df7f1.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 – Edit Cart Items** app block, drag it to the desired location, and paste the copied **Placement ID**.

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

  <Step title="Publish your changes">
    Click **Save** in the Checkout Editor to publish the customization. Refresh your checkout page to verify that the Display Tags customization is active.

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

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

  [BoutiquesByTheBox](https://boutiquebythebox.com) uses the **Cart Item Details → Display Tags** customization to highlight important product information during checkout, creating a more informative shopping experience that can help increase average order value (AOV).
</Note>
