Adding a form

You can add a form by adding a block that contains a form. Forms are included in Cover and Contact blocks. To find these blocks easily, type in form in the search bar in the Template Gallery.

 

Editing form appearance

To replace the content of the form title and subtitle, simply click and type the new text. You can also opt to remove the title, the subtitle, or both. You can change the text color and apply other text formatting option in the text formatting Control pane:

 

To customize the form settings, hover over the form block and click on the "gear" Settings icon.

 

You will enter the Block settings menu, where you can customize the form appearance. 

 

Changing the Form block layout

In the Layout tab of Block settings, you can choose from various block layouts and instantly preview them:

 

If you decide you want to try another form layout or a completely different block, you can instantly do that. However, please note that if you choose a completely different layout, for example, a Features section instead of a Form, your content may be lost.

 

Changing form block appearance

In the Appearance tab, you can customize various elements of your form block appearance:

Block style: the color scheme of the block

Block elements: hide or show the title and the form itself

Block layout: fullscreen or not

Form location: left or right side of the title and subtitle

Vertical alignment: top, middle, or bottom

Content style: add or remove a form border and a shading around it

 

Once you are done customizing, click Save.

 

Customizing form fields

Most elements of the form are customizable. Hover over the form to activate the Form settings menu:

To access the field settings, go to the General tab and hover your cursor over each field. Click on the Settings "gear" icon next to each field:

 

You will continue to the Edit field window.

In Name settings, you can customize the label (the words over the field) and the placeholder (the hint inside the field that reminds the visitor what to enter).

You can also opt for this field to Make Required, so the form cannot be sent without filling it out:

In the same way, you can customize Email settings and Message settings. Once done, click Submit.

 

Adding new form fields

To add a new field, click the round + button in the Form settings window. 

In the New Item window, click on the field Type and choose an option from the drop-down list:

You can build your form the following types of information entry fields:

Single line: users will be able to add information in one text line; useful for short entries.

Multi-line text: users will be able to make longer entries; useful for comments, messages, and detailed descriptions. It will look like this:

Checkbox: allow users to choose from several options.

Date: allow users to pick a date from the calendar; useful for requesting a visit or making appointments.  In a finished form, it will look like this:

Note: A calendar will be visible only in a published form.

Once you are done adding new fields, click Submit and then Publish to make the changes live. Alternatively, continue customizing the form.

 

Entering the form recipient

In the Advanced tab, type in the email where user submissions will be sent. You can also add several emails who will be receiving form submissions. Simply type in the email address you want to add and click Create option in the drop-down field:

 

To remove an email from the list of form recipients click the X next to that recipient's email. 

Once done, click Submit to confirm the changes.

 

Editing the confirmation message

In the Advanced tab, you can enter the message that your visitors will see after they click the Send button on your form. You can enter a shortcode for any downloadable asset your form senders may be receiving. 

 

Once done, click Submit to confirm the changes.

When you collect personal information from your visitors, such as names and email addresses, you must obtain consent from your visitors. Add a user consent request field to your contact form by clicking the Display GDPR consent field option.

When you enable this option, your form will look similar to this:

Customizing the form button

You can modify the text in the button by clicking on it and typing in the new words. To change the button color, you can apply the new color palette to your website.

Once you have done customizing the form, click Publish to make changes live.