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

# 💰 Static Upsell

How to Upsell Products on Checkout using the **Custom ->** **Upsell -> Static** option? A simple walkthrough.

<video src="https://mintcdn.com/nomads-arc/474JDwCjvejIYVVp/videos/static-upsell.mp4?fit=max&auto=format&n=474JDwCjvejIYVVp&q=85&s=067dd52217fe4c9e84ef098bb6328c8b" controls data-path="videos/static-upsell.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/RJz7ONnhNAbrjhoP/images/image-2.png?fit=max&auto=format&n=RJz7ONnhNAbrjhoP&q=85&s=7b9e12cdf09c9791dbf9b3c8300faa35" alt="Image" width="1024" height="533" data-path="images/image-2.png" />
  </Step>

  <Step title="**Choose the Static Upsell type**">
    Select **Static Source** to manually choose the products you want to recommend during checkout.

    <img src="https://mintcdn.com/nomads-arc/vczT20JPNhzFW5R9/images/static_1_upsell_card.png?fit=max&auto=format&n=vczT20JPNhzFW5R9&q=85&s=d1ccfa09528c203b983c1fbf9990816b" alt="Static 1 Upsell Card" width="2852" height="1484" data-path="images/static_1_upsell_card.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/vczT20JPNhzFW5R9/images/static_2_conditional_experience.png?fit=max&auto=format&n=vczT20JPNhzFW5R9&q=85&s=9a3eb19140f2eccc8e666dc5625a1570" alt="Static 2 Conditional Experience" width="2852" height="1484" data-path="images/static_2_conditional_experience.png" />
  </Step>

  <Step title="**Select upsell products**">
    Manually choose the products you want to display and configure the **Maximum Product Count** shown during checkout.

    <img src="https://mintcdn.com/nomads-arc/vczT20JPNhzFW5R9/images/static_3_heading_selection.png?fit=max&auto=format&n=vczT20JPNhzFW5R9&q=85&s=ac64b0d679f1a4f4e2437e94e99d243c" alt="Static 3 Heading Selection" width="2852" height="1484" data-path="images/static_3_heading_selection.png" />

    <img src="https://mintcdn.com/nomads-arc/E2xhVgrurNt1u2Wx/images/static_source_03.png?fit=max&auto=format&n=E2xhVgrurNt1u2Wx&q=85&s=f0a4dd4311d1a09a228a917ef5eb3bc3" alt="Static Source 03" width="2852" height="1484" data-path="images/static_source_03.png" />

    <img src="https://mintcdn.com/nomads-arc/vczT20JPNhzFW5R9/images/static_4_heading_selection-2.png?fit=max&auto=format&n=vczT20JPNhzFW5R9&q=85&s=eb6a837f82f5c7f89060dc8e499bf7d5" alt="Static 4 Heading Selection" width="2852" height="1484" data-path="images/static_4_heading_selection-2.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/vczT20JPNhzFW5R9/images/static_5_display_settings.png?fit=max&auto=format&n=vczT20JPNhzFW5R9&q=85&s=02d825897f5f0c25f2d0ddf8dd8f8612" alt="Static 5 Display Settings" width="2852" height="1484" data-path="images/static_5_display_settings.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/RJz7ONnhNAbrjhoP/images/image-8.png?fit=max&auto=format&n=RJz7ONnhNAbrjhoP&q=85&s=0efd54109c100387f5cabcb778030270" alt="Image" width="1024" height="532" data-path="images/image-8.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/vczT20JPNhzFW5R9/images/static_6_priority-2.png?fit=max&auto=format&n=vczT20JPNhzFW5R9&q=85&s=9461f67bdeb95bc21c28d3d424104f1f" alt="Static 6 Priority" width="2852" height="1484" data-path="images/static_6_priority-2.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/vczT20JPNhzFW5R9/images/static_7_placement_id.png?fit=max&auto=format&n=vczT20JPNhzFW5R9&q=85&s=5ada1718554e00f2a014d44cab1d382a" alt="Static 7 Placement Id" width="2852" height="1484" data-path="images/static_7_placement_id.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/9Qv3bHMEBT_l5ot0/images/static_preview_focus.png?fit=max&auto=format&n=9Qv3bHMEBT_l5ot0&q=85&s=19a5ac87a0096769631091e51f1bac6c" alt="Static Preview Focus" width="2852" height="1484" data-path="images/static_preview_focus.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/vczT20JPNhzFW5R9/images/static_8_unsaved_changes-1.png?fit=max&auto=format&n=vczT20JPNhzFW5R9&q=85&s=4c76248dac69b82b514e955965c9b7fd" alt="Static 8 Unsaved Changes" width="2852" height="1484" data-path="images/static_8_unsaved_changes-1.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, click **Add app block**.

    <img src="https://mintcdn.com/nomads-arc/iXpFGcSFUJL7FNKL/images/screenshot_12.png?fit=max&auto=format&n=iXpFGcSFUJL7FNKL&q=85&s=6dc75ca325e64b98dd08ed2913f3aed4" alt="" width="2852" height="1484" data-path="images/screenshot_12.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,  and paste the copied **Placement ID**.

    <img src="https://mintcdn.com/nomads-arc/iXpFGcSFUJL7FNKL/images/screenshot_02.png?fit=max&auto=format&n=iXpFGcSFUJL7FNKL&q=85&s=ef78c0cd2a5385923ea09a48eec4d8ed" alt="" width="2852" height="1484" data-path="images/screenshot_02.png" />
  </Step>

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

    <img src="https://mintcdn.com/nomads-arc/E2xhVgrurNt1u2Wx/images/screenshot_02_save_clicked-1.png?fit=max&auto=format&n=E2xhVgrurNt1u2Wx&q=85&s=c73f1a99746b2b5ca549de1e328cda28" alt="Screenshot 02 Save Clicked" width="2852" height="1484" data-path="images/screenshot_02_save_clicked-1.png" />
  </Step>
</Steps>

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

  [FameOnCentral](https://fameoncentral.com/) uses the **Static Upsell** customization to promote manually selected products during checkout, helping increase average order value (AOV) by encouraging customers to add complementary items before completing their purchase.
</Note>


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