With the “Forms” module, you can create forms in a simple and visual way. Using the Block Editor, you can then add these forms to your website through the “Form” block. Visitors can fill in and submit the form. Messages submitted through these forms can be found under the “Messages” button in the menu on the left-hand side.
When you create a new form, you first enter a title and the email address to which the submissions should be sent. Then, activate the form using the switch on the right-hand side. After that, you can continue building the form by clicking the plus icon and adding form elements.
Available form elements
The most commonly used elements you can add to a form are:
Fieldset: a heading that indicates a new section of the form.
Text field: a small input field for short details, such as a name or phone number.
Text area: a larger input field for longer text, such as a comment.
Dropdown menu: a drop-down menu in which the user can select one option.
Radio buttons: a group of round buttons from which the user can select one option at a time.
Checkboxes: a group of boxes that the user can tick multiple at the same time.
Email field: a field in which the user can enter a valid email address.
Attachment: a button that allows the user to add a file.
Date field: a field that allows the user to select a date.
Text line: a short explanatory text that you add yourself within the form.
Text editor: a more advanced version of the text line, with more formatting options.
The buttons used for form elements.
Buttons for form elements
Once you have added a form element, you will see several buttons that allow you to edit it:
With the six dots, you can drag the element to another position in the form.
With the pencil icon, you can open the element to edit its content.
With the cross icon, you can remove the element from the form.
An example of a form with several form elements.
Example form
Next to this, you can see an example of a standard contact form. In this form, the visitor is asked to enter their name (a required field, indicated with an *), phone number, email address, and a comment.
Video
The video below provides an overview of the main points and explanations from the text above. Whether you want a quick recap or prefer a visual summary, this video presents the information in a clear and simple way.