Custom Design Forms

A Custom Design Form is a contact form built into Sign Customiser. Use it to collect custom design requests that the app cannot generate automatically.

The form appears in the customiser:

• On desktop, it opens from the Custom tab. This is the default tab name. You can rename it.

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

Customers can upload files, write messages, and use dropdowns, checkboxes and multiple-choice fields. They do not leave the page while they fill in the form. After they submit, they stay on the page unless you choose Redirect to a page (see Step 4).

To quote customiser designs, use Quote Mode instead. For more information, read Quote Mode.

Before you start

The form shows on the Custom tab only when all of these are true:

• The Upload form switch is on in Core Setup → How customers design → Upload form (see Step 5).

• At least one form has the Custom designs type. A Quote Mode form does not create the tab. The Upload form switch cannot turn on until a Custom designs form has at least one field.

• Your plan includes Custom Design Forms. If the Upload form switch is grey and shows “Your plan does not include forms.”, your plan does not include them. Click Upgrade your plan to use the feature.

The text editor setting (Core Setup → How customers design → Text editor) controls the Text and Custom switch. If it is off, customers go straight to the form and see no switch.

Create and edit a form

This video shows how to create and edit a form.

Step 1: Add a new form

1. Go to the Sign Customiser admin:

   • Universal subscribers: Go to Home in your account.

   • Shopify users: Open the app from your Shopify admin.

2. Click Customisers in the menu.

3. Select the customiser you want to edit.

4. In the left-hand menu, go to Core Setup → Forms.

5. Click Add Form. If you have no forms, click Add New Form.

   

6. Under Form Quote Type, select one of these:

   • Custom designs (Unique sign designs beyond letter signs) – For design requests that your customiser cannot handle.

   • Quote Mode (Quoting designs based on customiser options) – For quotes on designs that customers build in the customiser.

7. Enter a Label for your form. Customers see it only when you have more than one form.

8. (Optional) Add a Description and change the Submit Button Label.

   

Step 2: Add fields to your form

1. In the Fields section, click Add new field and select the field type you need. For a detailed walk-through, follow Add and Edit Custom Form Field Options.

   

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: Turn on +Shopify Sync in the Fields section. Submitting the form then creates a customer in Shopify. The Email field already syncs. To sync names, click Add new field and add First name and Last name fields. On a new form, First name is added when you turn on +Shopify Sync, so add only Last name.

Step 3: Set a receiver email (optional)

By default, form submissions go to the shop owner’s email address on Shopify, or to the Store owner’s account email on Universal.

• To send them to a different address, enter a Receiver Email in the Email section of the form. If you leave it blank, Sign Customiser uses the default email for your store (see above).

• Change the Email Subject if you want. If you leave it blank, the subject is “Custom Design”. Sign Customiser always adds the submission number and the customiser ID before the subject.

Step 4: Choose what happens after submission

In the After submission section, choose one of these actions:

• Show thank you message (default) – A thank you message appears.

• Redirect to a page – Customers go to a URL you enter in Redirect URL.

To change the thank you message, go to Core Setup → Forms. Edit Form Success Message in the Form Settings card. The default text is “Thank you for your submission.” This message applies to all forms in the customiser.

Click Save to apply your changes.

Step 5: Show your form in the customiser

1. In the left-hand menu, go to Core Setup → How customers design → Upload form.

2. In the Forms card, make sure that your form shows “Customers see this form.” or “Customers will see this form.”

   • When customers do not see a form, its row gives the reason. For example, the form is a Quote Mode form or it has no fields. Click Edit to change the form.

   • Click Manage forms to open the Forms page.

   

3. (Optional) In the Button text card, change Button that opens the form and Link back to the text customiser. On phones, customers tap the Button that opens the form text to open the form. Link to a page uses the same two texts. A change here also changes them there.

4. (Optional) In the Steps card, change the steps that explain your design process. For instructions, read Change the instructions on the Custom Design screen.

5. Click Save.

6. At the top of the page, turn on the Upload form switch. The switch saves this change immediately.

   • If AI Sign Designer or Link to a page is on, a dialog opens. Click Switch to Upload form. The other way then turns off.

   

The form now shows in the customiser if every condition in Before you start is true.

Step 6 (optional): Listen for form submissions with JavaScript

Your own JavaScript can listen for an event that fires after a customer submits a form.

// 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
});

This event is not sent for stores on the legacy Starter, Standard or Pro plans.

FAQ