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

# 🛃 Survey Form

How to display **Survey Form** for the customers on the Checkout using the **Notifications -> Form** option.

<iframe src="https://drive.google.com/file/d/1qjim-C2V6yShMHh57Hf9pkQ5qo1Vyf2n/preview" width="640" height="480" allow="autoplay" />

## 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 Form type">
    Select **Form** from the available notification types to display custom form elements during checkout.

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/b390a3a55b.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=5d15ec8893a65de442caead7ed621117" alt="" width="2880" height="1510" data-path="images/b390a3a55b.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 form is displayed during checkout.

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

  <Step title="Configure the survey form">
    Configure the **Form Settings**, including:

    * **Element Type:** Option List
    * **Label** shown to customers
    * **Key** used to save the selected value in the Shopify order
    * **Block Checkout** to require customers to make a selection before completing checkout
    * Add one or more **Options** for customers to choose from

          <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/5656401da0.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=2c8a177b1a9d7616244077ec8d78aa74" alt="" width="2876" height="1506" data-path="images/5656401da0.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/81e27e6113.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=36ed1bf857c59541cb341a64fb0a2f34" alt="" width="2878" height="1506" data-path="images/81e27e6113.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/5656401da0.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=2c8a177b1a9d7616244077ec8d78aa74" alt="" width="2876" height="1506" data-path="images/5656401da0.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/2e4d6d963f.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=5824c11736ef3dcdb97c35d3a5f877b9" alt="" width="2880" height="1512" data-path="images/2e4d6d963f.png" />
  </Step>

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

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

    <img src="https://mintcdn.com/nomads-arc/IYjqIENMQDfy0NjK/images/1e4bd03a7a.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=a9ec628169d039381f6d6b08ce45a321" alt="" width="2880" height="1510" data-path="images/1e4bd03a7a.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/7435e6999d.png?fit=max&auto=format&n=IYjqIENMQDfy0NjK&q=85&s=3a1aa4d6a0f91f4d1d1937cf45673941" alt="" width="2878" height="1506" data-path="images/7435e6999d.png" />
  </Step>
</Steps>

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

  [Sunco](https://www.sunco.com/) uses the **Notifications → Form** customization to display custom survey forms during checkout, allowing the business to collect valuable customer feedback while improving customer engagement and strengthening brand reputation.
</Note>
