Design a form

Current version: 10.3

Sitecore Forms enables you to quickly create forms using standard elements including:

A toolbar that provides easy access to functions and commands such as save and delete.
A design canvas for building the form.
A drop-down menu with additional save options such as Save as template.
A Design tab that contains the form elements you can use to build your form.
A Settings tab that lets you make changes to form settings such as the CSS class for styling and the thumbnail image. You can also access advanced settings like conditions, performance tracking, AJAX enablement, and robot detection.
A Performance tab that provides statistics on form views, abandonment rates, and error rates.

Tip

Before you start building your form, decide who the form audience is and what information you are trying to capture. Then, determine which questions you are going to ask and which form elements you want to include.

Create a form

You can start with a blank form or build your form using a template. Although Sitecore Forms does not include predefined templates, you can use the Save as template command to create your own templates.

To create a form:

On the Forms dashboard, click Create.
To create a new form from scratch, click Blank form, or select a template to base your form on.

Important

If your form does not display on the dashboard, verify that you completed the post-installation steps when you installed your instance. To make Sitecore Forms work properly, you must rebuild your search indexes after installation.

Add an element to a form

You add a field to a form by dragging a form element from the Form elements pane onto the form canvas. After you've placed an element on the form canvas, you can change the settings for it on the General tab in the Form elements pane.

Note

When you define form element settings, add a meaningful Field name. The Field name is the actual Item name for the Sitecore definition item for the form field. Giving form elements meaningful names makes it easier to distinguish them in, for example, form field performance tracking.

To add a form field:

In the Form elements pane, click the element that you want to add and drag it onto the form canvas.

A green line indicates a valid position for the element on the form canvas.
To specify the settings for the form element, on the canvas, click the element to select it.
To see the changes to the form, in the Form elements pane, on the Settings tab, define form element settings, and then click Apply.

Note

We recommend that you preview the form before publishing it on the website. The way the form displays in Sitecore Forms might not reflect the actual styling of the form on the webpage.
To add a list to your form, in the Form elements pane, in the Lists section, drag the Dropdown list onto the form canvas.
To add a Submit button to your form, in the Form elements pane, in the Structure section, drag the Submit button element onto the form canvas.
In the Details section, enter a name for your button and, in the Navigation step field, select Submit.
In the Details section, click the next to Submit action and select the action to apply. If you want to add additional submit actions, repeat this step.
To see the changes on the form, click Apply .
On the toolbar:
- To save and name the new form, click Save.
- To save and name a copy of the form, click the drop-down arrow and then click Save as.
- To save the form as a template, click the drop-down arrow and then click Save as a template.

Delete a form field

To delete a form field:

In the Form elements pane, click the field that you to delete.
On the toolbar, click Delete.

Do you have some feedback for us?

If you have suggestions for improving this article,