# 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: 2025-07-28

## 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.loom.com/embed/d09d9b8d07714ddf9bf26f33b5114038" 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.  In the left-hand menu, go to **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.  _(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.  In the left-hand menu, go to **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><h2>How do I receive form submissions?</h2></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=1776798000&amp;signature=f675b6b719853f11b4ddce33e40ceb65e6a4dbf981e4379ebbeef4c287594378&amp;req=dSYjFsB3molXXfMW1HO4zbvnooCWE04g45Ly0uDvEtFL5wmM6yowfFhIaSo%2F%0AfStY%0A" /></div></div></details><details><summary><h2>Where can I see the form entries?</h2></summary><div class="collapsible-section-content"><p class="no-margin">Navigate to the apps admin home page and click on "Design Files and Form Submissions" located in the "Main Navigation" card.</p><p class="no-margin"></p></div></details>