# Custom Design Forms

A Custom Design Form is a built-in contact form within the Sign Customiser app, allowing merchants to collect custom design requests that the app cannot automatically generate. This form appears on the Custom Design screen: On desktop, it is accessed through the default labelled "Custom" tab. On mobile, it appears as a link below the selections. Note: Custom Design Forms is only available for Growth Plans. Custom Design Forms allow users to upload files, submit messages, and use form elements like dropdowns, checkboxes, and radio buttons – all without leaving the page. Merchants using this feature receive up to 47% more submissions compared to those using external forms. For a more streamlined quoting process, merchants can enable Quote Mode instead. Click here to learn more about Quote Mode.

- Source URL: https://www.signcustomiser.com/help/ai-sign-designer/custom-design-forms/
- Markdown URL: https://www.signcustomiser.com/help/ai-sign-designer/custom-design-forms.md
- Category: AI Sign Designer
- Last updated: 2026-09-22

## Article

A **Custom Design Form** is a built-in contact form within the Sign Customiser app, allowing merchants to collect custom design requests that the app cannot automatically generate.

This form appears on the **Custom Design** screen:

-   On **desktop**, it is accessed through the default labelled **"Custom"** tab.

-   On **mobile**, it appears as a link below the selections.

<div class="intercom-interblocks-callout" style="background-color: #feedaf80; border-color: #fbc91633;"><p class="no-margin">Note: Custom Design Forms is only available for Growth Plans.</p></div>

![](/help/intercom-docs/help-centre-images/18e9ded3ee2c948a3826d7fcb4a6c62102865bb88ca5ca3fd730ef5e9ce89220.png)

Custom Design Forms allow users to upload files, submit messages, and use form elements like dropdowns, checkboxes, and radio buttons – all without leaving the page.

<div class="intercom-interblocks-callout" style="background-color: #e3e7fa80; border-color: #334bfa33;"><p class="no-margin">Merchants using this feature receive <b>up to 47% more submissions</b> compared to those using external forms.</p></div>

For a more streamlined quoting process, merchants can enable **Quote Mode** instead. Click here to learn more about [Quote Mode](../../features/quote-mode/).

## Create and edit a form

This guide explains how to create and display a form within the customiser.

<iframe src="https://www.youtube.com/embed/nfW1T1_POYM?rel=0" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" allow="autoplay; fullscreen; picture-in-picture; encrypted-media"></iframe>

## Step 1: Adding a New Form

1.  Go to the **Sign Customiser** Admin:

    -   **Universal subscribers**: Go to **Home** in your account.

    -   **Shopify users**: Navigate to **Shopify admin** → **Apps** → **Sign Customiser**.

2.  Click on **Customisers** in the menu.

3.  Select the **customiser** you want to edit.

4.  From the left-hand menu, go to **Features → Forms**.

5.  Click on the **Add New Form** button.

6.  Select a **Form Quote Type:**

    -   **Custom Designs** – For additional design inquiries alongside your customiser.

    -   **Quote Mode** – To use the form for quoting customiser-generated designs.

7.  **Label your form** (only visible if multiple forms exist).

8.  (_Optional_) Add a form description and rename the submit button.

    ![](/help/intercom-docs/help-centre-images/d0388886d503868b0164b01779eadb287fe4ed780515ed9cbef00720296141cc.png)

## Step 2: Add Fields to Your Form

1.  In the **Fields** section, click **"Add new field"** and select the field type you need. Follow our **[Add and Edit Custom Form Field Options](../../ai-sign-designer/add-and-edit-custom-form-field-options/)** for a detailed walk-through.

2.  Every form must contain a required **Email** field. New forms include this field. Do not remove it or make it optional.

3.  _(Optional_) For **Shopify users only:** Enable **Shopify Sync** to automatically sync customer emails and names with Shopify.

## Step 3: Set a Receiver Email to Your Form (Optional)

By default, form submissions are sent to your store's email.

-   To override this, enter a new **Receiver Email** in the settings.

-   Customise the **Email Subject** if needed.

## Step 4: Define the Action After Form Submission

Once the form is submitted, you can choose between two available actions:

-   **Display a confirmation message** – A small "Thank you for submitting" message appears.

-   **Redirect to an external page** – Users are taken to a specified URL.

Click **Save** to apply your changes.

## Step 5: Embed Your Form in the Customiser

To display the form on your storefront:

1.  From the left-hand menu, go to **Core Setup → Custom Designs**.

2.  Under **Choose how you would like to handle custom designs**, select **Embed Custom Design Form**.

3.  Click **Save**.

The form is now active on your storefront.

## Step 6 (Optional): Hook into form submissions events using javascript.

External JavaScript code can listen for the following event that has fired after a form submission has been sent.

```css
// Listen for form submissions
document.addEventListener('signCustomiserFormSubmitted', function(event) {
console.log('Form submitted:', event.detail);
// Access form data: event.detail.data
// Access customiser ID: event.detail.customiserId
// Access domain: event.detail.domain
});
```

## FAQ

<details><summary><h1 id="how-do-i-receive-form-submissions">How do I receive form submissions?</h1></summary><div class="collapsible-section-content"><p class="no-margin">When a user submits a form on the <b>Custom Design</b> screen, you’ll receive an email containing all selected options.</p><ul><li><p class="no-margin">By default, this is sent to your store’s email.</p></li><li><p class="no-margin">If you entered a custom <b>Receiver Email</b>, submissions will be sent there instead.</p></li></ul><div class="intercom-container"><img src="https://downloads.intercomcdn.com/i/o/v93avo87/1640997884/6006b7ef26a1171341cb29290468/Screenshot-2Bby-2BDropbox-2BCapture.png?expires=1791720000&amp;signature=5cc6c97475837d73cf68789409b1487a0861078d739c36e33538222d966e1294&amp;req=dSYjFsB3molXXfMW3nq%2Bgd49Eq5fiYEAf%2FjkPxDL7KiAUnUFiqr9ZB5eS3j0%0AB%2BMnDqHSWaUm8o38QjneNAUks%2F4%3D%0A" width="1270" height="0" style="height: auto;" /></div></div></details><details><summary><h1 id="where-can-i-see-the-form-entries">Where can I see the form entries?</h1></summary><div class="collapsible-section-content"><p class="no-margin">Open <b>Quotes</b> from the app admin. This page contains quote requests and form submissions, including AI Sign Designer fallback requests. Select the blue submission number and form name to open the submission details.</p></div></details><details><summary><h1 id="why-is-a-customer-s-email-missing">Why is a customer's email missing?</h1></summary><div class="collapsible-section-content"><p class="no-margin">All new submissions include a required customer email. An older submission can have no email if its form did not collect one.</p><ol><li><p class="no-margin">Open the submission and note the <b>Form</b> and <b>Customiser</b> values.</p></li><li><p class="no-margin">Select <b>Customisers</b> and open the same customiser.</p></li><li><p class="no-margin">Go to <b>Features → Forms</b> and select the same form.</p></li><li><p class="no-margin">Confirm that the form has a required <b>Email</b> field.</p></li></ol><p class="no-margin">This change applies to new submissions only. It cannot add an email to an existing submission or PDF.</p></div></details>