You can create and edit the forms you have set up in the Forms module. You will use them to give visitors of your site a possibility to contact you or to subscribe to a newsletter.
While editing forms, you are free to decide which information the user has to leave and which information the user can provide voluntarily. Existing forms can be adapted at any time and any number of new forms can be created. When creating forms, you will quickly become familiar with the functions and work with this module.
Forms – Overview
The first thing you see when you click on the Forms module is an overview of all available forms. You can now edit a form by clicking on the pencil icon or the form name. With the second icon you duplicate a form and with the recycler icon you delete it.
Use + Form name or the + icon above the content area to create a new form
The first step in creating a form is to define a form name so that you can later identify it clearly. The name can be changed at any time.
Then select the form storage in the same window. You can also activate the option for advanced settings. In our example, we'll work with the default settings, so we're immediately moving to step three. All you have to do here is click Next, which will create the form.
You will then be taken to the form properties.
On the left is the column in which a form page tree can be seen. One page is created automatically. If you want to add more pages, just click on the button Create new step. (Most forms will only need one. However, it can also be useful to create several pages, e.g. if a lot of information has to be entered).
In the middle you can add the form elements by clicking the Create new element button or the button with the same icon. The last one is located in the upper part of each form element. In the context window you will then see all available elements.
If you have selected a step and not a single element in the form page tree, all elements are simply listed in the middle. Each element can be clicked in this view, so that you can access the element's settings (right column).
On the right, pages and individual elements are adjusted.
- If you have selected the form name in the form page tree, you can adjust general information of the form in the right column: Form name, Submit label, Finishers.
- If you have selected a step/page in the form page tree, you can specify the page name and the label of the Previous and Next buttons. These settings must be made for each individual page. Where the buttons can be seen in the Frontend is shown in the screenshots.
- When an element is clicked or added, you will see some fields that can be filled in. The most important are the label, the placeholder, the definition if it is a required field and possibly validators.
Example form with three pages in the frontend
Preview of a Form in the Backend
Every contact form that requires the provision of personal data (e.g. name or e-mail address) must contain a data protection notice. When configuring this element, orientate yourself on the contact form already created in the Website-Base.
A created form can be used as often as you like. To do this, you only need to add a form content element in the page view (or list view) and select the form in the plugin.
You would like to know more?
All information about the available offers can be found on the pages of our website base. You have the option of having a website created at a fixed price or opt for a Website as a Service package with which no further hosting costs or security and function updates will be due to you.