> ## 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 **Custom -** **Cart Item Details -> Display Tags** option.

<video src="https://mintcdn.com/nomads-arc/kh4Xoe0LvyhnwDcH/videos/display-tags.mp4?fit=max&auto=format&n=kh4Xoe0LvyhnwDcH&q=85&s=a403efdc2a6e1e1c19a7903c41b49077" controls data-path="videos/display-tags.mp4" />

## 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/Flfar255RrkJgQ6u/images/image-42.png?fit=max&auto=format&n=Flfar255RrkJgQ6u&q=85&s=f4f6edb568ccfff12a4328c809ca16b2" alt="Image" width="1024" height="533" data-path="images/image-42.png" />
  </Step>

  <Step title="**Choose Display tags from Cart item details section**">
    Choose **Display tags** from available types of **Cart Item Detail.**

    <img src="https://mintcdn.com/nomads-arc/Flfar255RrkJgQ6u/images/4_cart_item_details.png?fit=max&auto=format&n=Flfar255RrkJgQ6u&q=85&s=7f72bc8bbfa4cfd69c620b2a8f4c05d0" alt="4 Cart Item Details" width="2758" height="1478" data-path="images/4_cart_item_details.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/Flfar255RrkJgQ6u/images/2_conditional_experience.png?fit=max&auto=format&n=Flfar255RrkJgQ6u&q=85&s=d065fa76876db9dd9c01fb0f79636ad2" alt="2 Conditional Experience" width="2772" height="1480" data-path="images/2_conditional_experience.png" />
  </Step>

  <Step title="**Edit Cart Items Section**">
    Add conditional value and display tags. 

    <img src="https://mintcdn.com/nomads-arc/Flfar255RrkJgQ6u/images/6_edit_cart_items.png?fit=max&auto=format&n=Flfar255RrkJgQ6u&q=85&s=47ff0034e5ba9c259b623297a5b89a0f" alt="6 Edit Cart Items" width="2762" height="1478" data-path="images/6_edit_cart_items.png" />
  </Step>

  <Step title="**Display Settings**">
    Choose display setting i.e. (Auto,Neutral,Critical)

    <img src="https://mintcdn.com/nomads-arc/Flfar255RrkJgQ6u/images/7_display_settings.png?fit=max&auto=format&n=Flfar255RrkJgQ6u&q=85&s=8c01ebddecffa84eaf7beeb92fd6f5f6" alt="7 Display Settings" width="2768" height="1476" data-path="images/7_display_settings.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/Flfar255RrkJgQ6u/images/5_priority.png?fit=max&auto=format&n=Flfar255RrkJgQ6u&q=85&s=e068c15621db93df4fc8e6590e90bd1d" alt="5 Priority" width="2762" height="1474" data-path="images/5_priority.png" />
  </Step>

  <Step title="**Copy the Placement ID**">
    Copy the generated **Placement ID** from clipboard icon. You'll use this in the Shopify Checkout Editor.

    <img src="https://mintcdn.com/nomads-arc/Flfar255RrkJgQ6u/images/1_placement_id.png?fit=max&auto=format&n=Flfar255RrkJgQ6u&q=85&s=307bc4441866a88ccdb48c82ca88ff37" alt="1 Placement Id" width="2752" height="1472" data-path="images/1_placement_id.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/Flfar255RrkJgQ6u/images/3_active_bar.png?fit=max&auto=format&n=Flfar255RrkJgQ6u&q=85&s=1035624f8a3b154f2bb9505bfa562929" alt="3 Active Bar" width="2758" height="1474" data-path="images/3_active_bar.png" />
  </Step>

  <Step title="**Preview**">
    Preview shows , How this block looks like at **CheckOut.**

    <img src="https://mintcdn.com/nomads-arc/9Qv3bHMEBT_l5ot0/images/display_tags_preview_focus-1.png?fit=max&auto=format&n=9Qv3bHMEBT_l5ot0&q=85&s=f8cd195fbede93556583a1730e719215" alt="Display Tags Preview Focus" width="2758" height="1474" data-path="images/display_tags_preview_focus-1.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/9NwB0vLNc-JvmSjn/images/image-44.png?fit=max&auto=format&n=9NwB0vLNc-JvmSjn&q=85&s=a5a416959091ff08c9676f0bf6ce6a33" alt="Image" width="2762" height="1474" data-path="images/image-44.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 **Edit**.

    <img src="https://mintcdn.com/nomads-arc/iXpFGcSFUJL7FNKL/images/screenshot_08.png?fit=max&auto=format&n=iXpFGcSFUJL7FNKL&q=85&s=16ba7d2015cd3c1cb9962b0f9665bac0" alt="" width="2852" height="1438" data-path="images/screenshot_08.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/UCR5SRuGjVYtJoUj/images/Screenshot-2026-10-08-at-16.32.10.png?fit=max&auto=format&n=UCR5SRuGjVYtJoUj&q=85&s=69c61361f950eb531285eb7c0429fefb" alt="Screenshot 2026 10 08 At 16 32 10" width="2872" height="1500" data-path="images/Screenshot-2026-10-08-at-16.32.10.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 item** app block, and paste the copied **Placement ID**.

    <img src="https://mintcdn.com/nomads-arc/UCR5SRuGjVYtJoUj/images/Screenshot-2026-10-08-at-16.32.42.png?fit=max&auto=format&n=UCR5SRuGjVYtJoUj&q=85&s=ce095afe2ec4ff085c37af7b934c8939" alt="Screenshot 2026 10 08 At 16 32 42" width="2866" height="1486" data-path="images/Screenshot-2026-10-08-at-16.32.42.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/cqW515qnj7Jw10j_/images/swap_clean-2.png?fit=max&auto=format&n=cqW515qnj7Jw10j_&q=85&s=fb8f7c30c24dbdae3969e5c048107ee4" alt="Swap Clean" width="2866" height="1486" data-path="images/swap_clean-2.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>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.