Overlays: Content and style

Customise the look, feel and content of your overlay from here.

Select the form you want to customise:

• Email form
  • Close icon 
  • Title
  • Body
  • Email field
  • CTA
  • Privacy policy
  • Background image and colour
• SMS form
  • Close icon 
  • Title
  • Body
  • Phone number field
  • CTA
  • Privacy policy
  • Skip link
  • Background image and colour
• Success message
  • Close icon 
  • Title
  • Body
  • Background image and colour

You can also click directly on the overlay copy to edit it. 

See also: Website overlay design best practices

Close icon

Define the colour of the “X” icon which allows website visitors to close/exit your overlay. 

Title and body

Customise any of the following:

• Font type
• Font size
• Height 
• Font style:
  • Bold
  • Italic
  • Underlined
• Text alignment
• Text colour

Email field

This is only available in the Email form tab.

Enter any placeholder text you want to appear in the email field.

Phone number field

This is only available in the SMS form tab.

Enter any placeholder text you want to appear in the phone number field.

CTA

Customise any of the following:

• Font type
• Font size
• Height 
• Font style:
  • Bold
  • Italic
  • Underlined
• Text colour

Privacy policy

Customise any of the following:

• Font type
• Font size
• Height 
• Font style:
  • Bold
  • Italic
  • Underlined
• Text alignment
• Text colour

Skip link

This is only available in the SMS form tab.

This link allows visitors to skip the phone number form for now and complete it another time.

Customise any of the following:

• Font type
• Font size
• Height 
• Font style:
  • Bold
  • Italic
  • Underlined
• Text alignment
• Text colour

Background image and colour

Upload a background image, apply your alt text and customise the overlay background colour. 

See also: Website overlay design best practices