Forms block

A Forms block is the one that houses a contact form - an easy ad handy feature that allows your site visitors to get in touch with you. Our contact forms are fully automated, so you simply need to specify your email address, create the form fields, and any time someone makes a form submission, it will be automatically delivered to your inbox. No third-party integrations are needed!

Below we will review how to edit the Forms block and the contact form specifically.

Adding a Forms block

Find a suitable location for your Forms block and click on the + Add a block button.

In the Block Library, locate the Forms section and choose the style of the block that you like:

userlmn_915ac4759c907dfbe7bdc460052cfe6b.png

Customizing block settings

You have several options to make the Forms block truly yours. To activate the control panel, click anywhere on the block and then click the Block Settings icon:

Screenshot_2021-06-01_at_16.24.27.png

In the Layout section, you can fully switch the block layout or hide some of the block elements. To fully switch the block layout, simply click the respective button and select a new block content layout:

userlmn_0bb3aa08fd9bb6b16432e80956148965.png

To hide a specific block element (for example, if you want to remove a button), remove the blue tick next to its name.

In the Appearance tab, you can make the following changes:

  • Block style: change the color scheme of the block.
  • Block spacing: adjust the white spaces (margins) at the top and bottom of your block.
  • Block height: adjust the block's height by turning fullscreen on and off.
  • Media content location: choose where your map will be located (left or right).
  • Form location: choose where your form will be located (left or right).
  • Media settings: add a black & white filter to the map within this block.

Once you are done customizing block settings, click Save.

Specifying the contact form receiver

In order for your contact form to function, you need to specify the receiver email address - where the submissions will be sent to. Here is how to specify the receiver email address for a contact form:

  1. Click anywhere on the form to activate the Form settings window.
  2. In the Advanced tab, type in the email address where submissions will be sent (you can also add several email addresses). Click Create option in the drop-down field:

    Screenshot_2021-06-01_at_16.32.45.png

  3. To remove an email from the list of form recipients click the X sign

Once done, click Submit to confirm the changes.

Customizing contact form fields

All elements of a contact form are customizable. Click anywhere on the form to activate the Form settings window. To edit a form field, hover your cursor over it and click Settings:

Screenshot_2021-06-01_at_16.28.23.png

In the Edit item menu, you can customize the Label (the text over the field) and the Placeholder (the text inside the field that hints the visitor what to enter).

You can also tick the Make Required button, so the form cannot be sent without filling in this field:

Screenshot_2021-06-01_at_16.29.14.png

Once done, click Submit.

Adding a new field

You can add more fields to your form depending on your needs. To add a new field, click anywhere on the form to activate the Form settings window and then click the round "plus" button:

Screenshot_2021-06-01_at_16.30.06.png

You will be able to choose a field type. In the drop-down menu, choose what kind of field you want to add:

  • Single-line text (useful for short entries)
  • Multi-line text (useful for longer messages)
  • Drop-down (allow users to choose from several options)
  • Checkbox (allow users to indicate an important feature or requirement)
  • Date and Time (great for appointment or meeting requests)

When you have chosen the new field type, add a Label (this will appear on top of the field) and a Placeholder (the text inside the field that hints the visitor what to enter). You can also mark the field as required.

Once done customizing the new field, click Submit.

Changing the order of fields in the form

You can change the order of items in the form by grabbing a "stacked line" handle next to the form title in the list and dragging it up or down depending on where you want the field to appear.

building_forms5.gif

Form fields will be adjusted automatically.

Deleting form fields

To delete a form field, hover your cursor over the field you want to delete and click on the Delete icon:

Screenshot_2021-06-01_at_16.31.24.png

 Note: The Email field cannot be deleted, since without it your form will not function. This field is where your visitors put their email address so that you can contact them later.

Editing the confirmation message

You can also edit the message that your visitors will see after they click the Send button on your form. To do so, follow these steps:

  1. Click anywhere on the form to activate the Form settings window.
  2. In the Advanced tab, go to the Success message section. Type the success message you want your site visitors to see when they make a submission:

    Screenshot_2021-06-01_at_16.33.58.png

  3. Once done, click Submit to confirm the changes.

Creating a GDPR-compliant form

When you collect personal information from your visitors, such as names and email addresses, you must obtain consent from them.

Add a user consent request field to your contact form by clicking the Display GDPR consent field option in the Advanced tab:

Screenshot_2021-06-01_at_13.12.23.png

You can fully customize the text of the consent field by clicking on the default text and typing in or pasting your own wording. Once you have opted to add the Display GDPR consent field, click anywhere on the text and add your own content:

Screenshot_2021-06-01_at_13.11.18.png

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. For more information about buttons editing, review this tutorial

Security

Our contact forms are protected by reCaptcha which ensures that no scam or spam gets to you. In any case, if our system senses something sketchy about an email, you will see the following notice right above the message itself:

userlmn_e6c348abff4c1c9b4852d4bc8077a57e.png

Therefore, there is no need to worry about any junk some unscrupulous people may submit.

Was this article helpful?
0 out of 0 found this helpful