Email Sign Up

The Email Sign Up Form Module can be styled locally or globally. The advantage of global styling is that it automatically styles all the form modules on your website at the same time, offering extra styling options and saving your time. It is possible to find the Email Sign Up Global Styling under the Module Design section of the Global Styling tab of the editor.

 

1. General

The general settings refer to spacing. It is possible to define the overall spacing in terms of margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element. 

 

2. Labels

Style the labels of your form in terms of font color, size, family, weight, line height, letterspacing, text decoration, italic and uppercase options, alignment and spacing.

 

3. Inputs

3.1. Text

Style the inputs in terms of font color, size, family, weight, letterspacing, italic and uppercase options.

 

3.2. Background and Border

Define a background color, transparency and border for the input boxes.

 

3.3. Spacing

Define the spacing for the inputs, text and selects areas.


4. Consent links

Style the consent links in terms of font color, size, weight, letter spacing, italic and uppercase.


5. Description

The description text only appears on the module if you have added a Sign-Up Opt-In Option (see section 1.2.2. in this article).

Style the description in terms of font color, weight, and text decoration. You can also define the spacing for the description text. Please note that you need to adjust left padding if you want the text to be indented. 


6. Submit Button

6.1. Content

In this section you can define the button placement - to the left, centered or to the right.

 

6.2. Styling

Define the button text in terms of font color, size, family, weight, line height and uppercase letters. You can also define the background and border for the button, as well as spacing, both in terms of margin and padding.

 

7. Thank you message

Define the font color, size, family, weight, line height and uppercase letters for the thank you message. It is also possible to change the background, border and spacing of the area where the thank you message can be read after the visitor submits the form.

 

8. Captcha

8.1. Content

In this section you can define the captcha placement - to the left, centred or to the right.

 

8.2. Styling

Define the spacing for the captcha.

 

9. Note Field

Style the note field in terms of font color, size, family, weight, line height, letterspacing, text decoration, italic and uppercase options, alignment and spacing.

 

10. Apply Global Styling

As soon as you save your Global Styling, all the Email Sign Up Form Modules will inherit that styling. However, if later you choose to style a newsletter form locally, it will overwrite the global styling but only for that specific Email Sign Up Form Module. Click here to read more about the Email Sign Up Form Module local styling!

 

Anything we’ve not covered?

Contact Us