Use the Email signup form module to collect newsletter signups from your visitors. You can add an Email signup form module by selecting Email signup form under the category Customer engagement in the Add module overlay.
Collecting and grouping newsletter signups is the first step in interacting and communicating with your visitors and is a good way of potentially converting a visitor into becoming a customer.
Hover the module and click on Content, Design, or Setting on the dropdown to edit your Email signup form module.
By default, the Form module initiates with two elements, email and first name. Edit the elements by clicking the arrow icon that appears on the right side.
Click on Add element to add more elements to your form. You move an element by hovering the vertical dots on the left of each element and dragging it to your preferred position.
On the dropdown Type, you can choose what kind of element you want to add to your form:
- Email (required)
- First name (required)
- Last name
- Addressline 1 and 2
- Postal code
- Country code
- Locality (city)
- Dependent locality (city district)
- Organization (company)
- Title (e.g. Mr., Mrs., Dr.)
- Administrative area (state)
Most of the element types look similar and have the same behavior on your website. The main difference is where they are stored on the Customer profile page. First name goes into the first name field of the customer, address goes into the address field, etc.
Field width: on each form element you can select the desired width of the input field, ranging from 20-100%.
Text inside field: any text added here will show in the field on your published website. Use this to provide input examples or write instructions to help visitors fill in the field correctly.
Required field: toggling this option makes a question mandatory - the question must be answered before the form can be submitted.
Allow multiple fields
Multiple elements: ≤100%: You must be aware that elements will always float to the left and that they will be added to the same row until their widths together surpass 100%.
Multiple elements: >100%: As soon as the sum of all the elements in a row surpasses 100%, the last element added will be moved to a row below.
Difference between consent and sign-up
- Provide consent:
You have the following options for your consent opt-in:
Required field: toggling this option makes opt-in mandatory - consent must be provided before the form can be submitted.
- Sign up:
You have the following options for your sign-up opt-in:
Label and description: the label text will appear next to the tick box and the description text will appear below the label.
Groups: select to which group(s) in Customers you want to add visitors who sign up. Visitors will not see this information displayed anywhere on the signup form.
Decide what happens when a visitor submits a form. Here you can customize the submit button text and the thank you message that will appear after the visitor has submitted. You can also add a small note at the bottom of the form to provide additional instructions to visitors.
The Design section is where you change the background, border, and spacing on your Email signup form module. For more specific styling options, click More local design options or edit the Global Design of the module. For a more thorough introduction to styling, see our dedicated styling guide.
- Enable spam protection: You have the option to enable spam protection for your Email signup form module. This option prevents you from receiving spam from bots on the internet. It activates a small reCAPTCHA "I'm not a robot" checkmark box on forms in order to verify that the visitor is human.
- Use invisible spam protection: you can select this option once you have ticked Enable spam protection. Instead of having the reCAPTCHA box appear visibly on your contact form, you can enable Use invisible spam protection which means that visitors won't see a reCAPTCHA at all, not even the "I'm not a robot" checkbox. If a visitor is flagged as "suspicious" by the system, then it will display the usual human validation check when the visitor submits the form.
- Enable two-step opt-in: You have to option to enable a two-step opt-in for the Email signup form module. For legal reasons, you may be obliged to enable two-step opt-in (also known as double opt-in) for your visitors to subscribe to your newsletters email campaigns. By enabling this option, after they fill in the Email signup form, visitors will receive an email where they will be asked to confirm whether they wish to subscribe to your newsletter/campaigns or not. Below you find a visual explanation of the process when the two-step opt-in is enabled and disabled, respectively.
- Redirection: after submitting the form you can redirect visitors to an external website or another page on your website.