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

# 📖 Content for B2B / B2C

How to display different image content for **B2B** and **B2C** customers on the Checkout page using the **Notifications -> Content** option.

<iframe src="https://www.loom.com/embed/edf3eb7c056343e4a51099ce3d6bd45d" 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 or text 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="Select a placement">
    Choose **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="Target B2B customers">
    To display the content only for B2B customers, add a **Customer Type** condition and select **B2B** as the value.

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

  <Step title="Configure the content">
    Configure the **Content Settings**, including the **Image Source URL** and **Redirect URL** for the content 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 control 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>
</Steps>

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

  <a href="https://gimaguas.com/">Gimaguas</a> is using uses the **Notifications → Content** customization to display images during checkout, helping strengthen its content marketing strategy while creating a more engaging customer experience.
</Note>
