Forms in Studio.Design

With Studio.Design's form feature, you can create, edit, and manage form responses—all within your project. This article covers the basics of using forms in Studio.Design and how to set them up.

Adding a form: designing your form, adding fields, and setting up a thank-you page are all done in the Design Editor.
Managing responses: This is done in the Form Dashboard. You can also view responses by email or in a spreadsheet.

Adding a form to your site

Follow these steps to add a form to your page:

Open the Add panel from the navigation on the left side of the screen.
Under the [Basic] tab, choose the form you want from [Form], then drag and drop or click to place it on the page.

There's currently no limit to the number of forms you can create or place on a single page.

Once placed, you can edit the form's fields and design directly in the editor.

For more details, see Editing forms | Studio U.

Again, there's currently no limit to the number of forms you can create or place on a single page.

Setting the form name

The form name is the title used to identify and manage your form on the Form Dashboard. If you have multiple forms on your site, give each one a unique name so you can easily tell them apart.

Select the form box.
Open the [Form] tab in the right panel. If the right panel is closed, open it first.
Edit the [Form name].
Note: The following characters can't be used in form names: % # ? /.
If your site is already published, click [Publish] in the top right to open the Publish panel, then update your site to apply the changes.

Note: Changing the form name

On the Form Dashboard, responses are grouped by form name. After you change a form name, new responses will be tracked under the new name.

Example: If you rename "form 1" to "form 2":

• New responses will be collected under "form 2."

• Previous responses will remain under "form 1."

Setting up a post-submission (thank-you) page

By default, Studio.Design forms show a "Form submitted successfully" message after a user submits the form. You can't change this message, but you can use this setting to direct users to a custom thank-you page instead.

A post-submission page—also known as a thank-you or thanks page—is the page or modal shown to users after they successfully submit a form. It's a great way to suggest a next action or let users know when to expect a reply, helping improve their overall experience.

To set up a thank-you page:

Create a separate page to use as the thank-you page.
Set the page you just created as the form's post-submission page.

For full instructions, see Setting up a thank-you page.

Setting up and editing form fields

What you can edit for each field

You can customize the settings for each form field. The available options vary depending on the field type. Here are some examples:

Field name: The title of the question.
Required: Check this box to make the field required.
Type: Choose whether the field accepts text, an email address, or a phone number.
Placeholder: The hint text shown inside the field before the user enters anything.
Typography: Set the text content, color, font, size, and other style options.

How to edit fields

Click the form box on your page.
Select the [Form] tab in the right panel. If the right panel is closed, open it first.
Click a field in the [Fields] list to open its settings tab.

For more details, see the help article below:

Setting up forms: Adding fields to a form (form parts)

Adding questions to a form

You can add more fields to a form by inserting form parts.

Click the add icon in the navigation.
Click the [Basic] tab.
Choose the form part you want from the [Form parts] section.

For more details, see the help article below:

Setting up forms: Adding fields to a form (form parts)

Setting notification destinations and viewing responses

Click [Notification settings & responses] to go from the editor to the Form Dashboard. If this is your first time opening it, click [Enable] to get started.

For more details, see the help article below:

Managing form responses: Using the Dashboard