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

# 💸 Dynamic Upsell

How to Upsell or Cross Sell Products on Checkout using the **Upsell -> Dynamic** option? A simple walkthrough.

<iframe src="https://www.loom.com/embed/0bf90192cb5c438cadd98311934eb624" 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 Upsell category">
    Choose **Upsell** as the customization category.

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

  <Step title="Choose the Dynamic Upsell type">
    Select **Dynamic** to recommend products automatically using Shopify product metafields.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/937f26f665.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=968c190c7300cb6323cfc0c850ff15e7" alt="" width="2876" height="1504" data-path="images/937f26f665.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 upsell is displayed during checkout.

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

  <Step title="Configure the dynamic source">
    Enter the **Product Metafield** that contains your recommended products. Then configure:

    * **Max Products**
    * **Is Source**
    * **Dynamic Conditions**

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

  <Step title="Customize the display">
    Configure the **Display Settings** to control how the upsell products appear during checkout.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/231b000c9a.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=054cd988f34382beae40be63f9f44efa" alt="" width="2878" height="1510" data-path="images/231b000c9a.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/3a06dfb2cf.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=07e67447de2f4f96fd06fc90a34fdc5c" alt="" width="2878" height="1504" data-path="images/3a06dfb2cf.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/c921b7cf61.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=acb307a6403f3c60d9390c9e4093a400" alt="" width="2878" height="1508" data-path="images/c921b7cf61.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/e26a7e96d6.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=1e2bee44860c20dd5bbea64ae8480ccd" alt="" width="2878" height="1506" data-path="images/e26a7e96d6.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/49b014e51f.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=c7bf066c5bea7d3f03268343a817b77b" alt="" width="2876" height="1504" data-path="images/49b014e51f.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 – Upsell Products** app block, drag it to the desired location, and paste the copied **Placement ID**.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/df2974d6cc.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=9d13f76182667c682b8c804b0a00ef68" alt="" width="2880" height="1506" data-path="images/df2974d6cc.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/efb135da69.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=175575b4abf9832ee3048fd1b87abc13" alt="" width="2880" height="1506" data-path="images/efb135da69.png" />
  </Step>
</Steps>

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

  [FameOnCentral](https://fameoncentral.com/) uses the **Dynamic Upsell** customization to recommend relevant products during checkout, helping increase average order value (AOV) by presenting personalized cross-sell opportunities at the right moment.
</Note>
