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:
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:
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:
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:
- Click anywhere on the form to activate the Form settings window.
- 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:
- 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:
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:
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:
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.
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:
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:
- Click anywhere on the form to activate the Form settings window.
- 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:
- 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:
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:
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:
Therefore, there is no need to worry about any junk some unscrupulous people may submit.