Email campaigns are efficient means of communication that allow you to maintain contact and build relationships with your customers. This module allows the gathering and storing of valuable contact information about your customers. It is possible to find the Email Signup Form Module in the Basic Modules menu, add it to your website by dragging it from the top bar to a row or column of your preference.
EDIT EMAIL SIGN UP FORM MODULE
To open the editing menu, double-click on top of the module you wish to modify or hover the mouse on top of it to find the blue module menu and click on the Edit option.
EMAIL SIGN UP FORM MODULE & USER CARDS
When a visitor completes and submits the form through the Email Signup Form Module, their data will automatically be turned into a User Card. You can then add other user details or make changes as you wish. Read all about user cards here!
1.1. Edit & Add Elements
By default, the Email Signup Form module initiates with two elements - an email and a firstname field. You can choose to edit an element by clicking the settings icon that appears on the right side once you hover on the element. To delete it, click on the trash icon next to it. To add another element, click on any of the + Add Element on top and bottom of the exiting elements. To move it, hover your mouse on the vertical dots on the left side of each element and drag it to your preferred position.
This menu allows you to choose the kind of question you want to include on the form. Apart from the required email and firstname field, it is possible to choose the following fields: Addressline 1, addressline 2, administrative area, country code, dependent locality, last name, locality, organization, phone, postal code and title.
On the label field you should write the question you want to see answered. You can simply write the name of the field or a more elaborate description, e.g. Email vs Please write your email below.
1.1.3. Field Width
This section allows you to define exactly how the form should be split across multiple columns. To do so, always consider the column where the module is added to as 100% width. The field width set at this stage will determine the extent to which that element will cover the full width, e.g. if you set it as 50%, the element will cover half of the column.
126.96.36.199. 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%. Please refer to the image below for a quick visual representation.
188.8.131.52. 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.
1.1.4. Text Inside Field
The text inside field is the text displayed in the answer box. It can be a tip, indication or another helpful direction for your visitor to complete the field.
When this option is enabled, it means that when submitting the newsletter form, that question can't be left blank and must be answered.
1.2. Add Opt-In Option
This text will appear next to the tick box.
When users click the label, they will be directed to either an external URL, a page on your website, or view an overlay directly on the signup form.
This text will appear next to the tick box.
This description will appear below the label.
184.108.40.206. CRM Group(s)
Select which CRM group(s) you want to add the visitor to. The visitor will not see this information displayed on the signup form.
When this option is enabled it means that when submitting the form, the opt-in box must be ticked.
In this field you should define the user group(s) in which you want to include the users that sign up for email updates through that specific form. If left blank, the user card created will have the group field empty. Learn more about user groups here!
1.4. Submit Button Label
In this field you can choose what text should be displayed in the submit button.
1.5. Thank You Message
You should write a small thank you message thanking those who have submitted the form for for their time and attention; you can do it freely in this section.
1.6. Enable Spam Protection
This option prevents you from receiving spam from bots on the internet. It activates a small reCAPTCHA "I'm not a robot" checkmark box in order to verify that the visitor is human.
1.6.1. Use invisible spam protection
Instead of having the reCAPTCHA box appear visibly on your Email Sign Up form, you can enable '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.
In the Editor, you can decide if you want the sticker to appear in the bottom right or bottom left corner of your website. The appearance of the sticker cannot be modified or styled further as it is not a native element of the Editor.
1.7. Go To Page on Submission
After submitting the form you can redirect the visitors either to an external website or another page in your website.
In this section it is possible to choose a solid color for the module background and set its transparency.
Define the newsletter form's border color, width, style and radius.
Adjust the spacing of the newsletter form, both in terms of margin and padding.
3.1. Margin Between Fields
Choose how big the margin between the form elements should be. Write it down in the box or use the slider moving it to the left or right to decrease or increase the margin size, respectively.
3.2. Note field
In this section you can write a note that will be displayed in small letters before the submit button.
3.3. Multistep Opt-In
For legal reasons, you may be obliged to enable multistep opt-in (also known as double opt-in) for your visitors to subscribe to your email campaigns. By enabling this option, after they fill in the Email Signup Form, users will receive an email where they will be asked to confirm whether they wish to subscribe to your email campaigns or not. Below you can find a quick draft of the process when the multistep opt-in is enabled and disabled.
4. Email Sign Up Form Global Styling
Instead of individually styling each Email Sign Up Form Module it is possible to do it automatically with Global Styling. Under the Global Styling tab, there is a Module Design option on the left menu. Click on it to expand the options and you should find the Email Sign Up menu. Click here to read all about the Email Sign Up Form Global Styling!