Newsletter

The block inside the Promotion popup section allows stores to collect email subscriptions from visitors directly through a popup.

It can also display social media icons to encourage users to follow the brand. The block is fully customizable, letting you control the visibility of the signup field and icons, as well as the colors and styles of text, links, icons, and the input field, including hover effects. This ensures the popup matches the store’s design while improving engagement and growing the mailing list.

Location: Sections -> Popups -> Promotion Popup: Newsletter


Newsletter - Options Overview

Option
Brief Explanation

Show email signup

Toggle to display or hide the email subscription field for newsletter signup.

Social media icons

To display your social media accounts, link them in your theme settings.

Show social media icons

Toggle to display or hide social media icons linked from theme settings.

Colors

Text

Set the color of general text in the block.

Text link

Set the color of clickable text links.

Text link hover

Set the color of text links when hovered over.

Social icons

Set the default color of social media icons.

Social icons on hover

Set the color of social media icons when hovered over.

Input

Background

Set the background color of the newsletter input field.

Border

Set the border color of the newsletter input field.

Text

Set the text color inside the newsletter input field.

Icon

Set the color of the icon inside the newsletter input field.

Background hover

Set the background color of the input field when hovered.

Border hover

Set the border color of the input field when hovered.

Outline hover

Set the outline color that appears around the input field on hover.

Text hover

Set the text color inside the input field when hovered.

Icon hover

Set the icon color inside the input field when hovered.

Colors priority:

The main buttons colors can be set in Theme settings -> Colors, GENERAL.

However, you can change this button's color directly in this block if you need to. This section will thus determine the actual color. This also applies to shadows, borders, etc.


Last updated