Email Sign Up Form Module

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. Content

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. 


1.1.1. Type

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.


1.1.2. Label

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.


1.1.3.1. 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.


1.1.3.2. 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. 


1.1.5. Required

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

As a website owner, you might be legally obliged to get consent from a visitor when they are signing up. The Opt-In Option allows you to ask for this consent and easily display or refer visitors to your privacy policy. 

You can choose between two types of opt-in: Consent and Sign-up. The difference between the two is that the Consent type links out to the privacy policy on either an external URL or to a page on your website, or shows it in an overlay directly in the signup form. The Sign-up type enables you to enter a message to the visitor directly below the tick box (in other words, it doesn't point out to an external source).

  

1.2.1. Consent


1.2.1.1. Label

This text will appear next to the tick box.


1.2.1.2. Target

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.


1.2.2. Sign-up


1.2.2.1. Label

This text will appear next to the tick box.


1.2.2.2. Description

This description will appear below the label.


1.2.2.3. 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.  



1.2.3. Required

When this option is enabled it means that when submitting the form, the opt-in box must be ticked. 



1.3. Group

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. 

The reCAPTCHA is, however, not entirely invisible on your website. With spam protection enabled, Google - the owner of the reCAPTCHA technology - captures visitor information from your website and are therefore legally obliged to display their privacy policy and terms and conditions. There links are displayed through a small sticker on your website, as shown below.

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.


2. Styling

2.1. Background

In this section it is possible to choose a solid color for the module background and set its transparency.


2.2. Border

Define the newsletter form's border color, width, style and radius. 


2.3. Spacing

Adjust the spacing of the newsletter form, both in terms of margin and padding.


3. Settings

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!

 

Anything we’ve not covered?

Contact Us