Notification

Notification section

The notification section includes two types of pop-ups and a button that triggers them.

Subscribe Popup – Appears after clicking the Newsletter button, which is always positioned vertically on the right edge of the page. This popup is designed to encourage customers to subscribe to your store updates.
Discount Popup – Appears automatically after a customer submits their email address for subscription. It provides a discount code as a reward for subscribing.

How to Add the Notification Section to Your Store

You can add the Notification section in the Features group of your theme.

How to configure the Notification section

Basic Components

The “Notification” section consists of two primary components:

General settings – These control the overall settings of two types of pop-ups and a button that triggers them.
Image block - Allows you to add an image to the Subscribe Popup and customize it.

To insert a new block between existing ones or to add a block when none have been added yet, refer to the article "Sections and blocks" and locate the section titled “How to add a block”.

General settings

Settings	Description
Enable test mode	This feature ensures the pop-up is displayed continuously in the theme editor, allowing you to preview changes in real time.
Color scheme	Choose an appropriate color scheme for the newsletter button (the button that triggers the pop-up) from the schemes list. The color scheme includes different colors for the background, heading, button, and other elements in the pop-up.
Modal color scheme	Choose an appropriate color scheme for both pop-ups from the schemes list. The color scheme includes different colors for the background, heading, button, and other elements in the pop-up.
Background image	Choose a background image for your pop-ups. Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button. Once an image is added, you can use the “Change” button to remove, replace, or delete it.
Button label	Enter text into the field to display it on the button on the right side, which opens the pop-up. Leave the field empty if you don’t want to create this button and trigger popups.
Heading	This field is for adding a heading to the Subscribe pop-up. In the top menu of the field, you can find options to customize the heading, such as making its font bold or light, italic, or adding a hyperlink. Furthermore, you can click the dynamic source button to insert a dynamic source for the pop-up's heading.
Heading size	The heading size setting offers three options to control the size of your section heading: Small Medium Large
Heading color	This option allows you to customize the heading color. Choose one of three styles: Text Text secondary Accent The colors will adapt automatically based on the selected color scheme.
Color-changing text	This option allows you to change the color of part of the heading to highlight important information. Simply enter the portion of the heading you want to display in a different color into the field. Note: Case-sensitive. To change the colors of words that are not next to each other, use a comma. For example, 'shipping, shop'*
Custom color	Select a color to apply to the specific part of the heading you want to emphasize. Simply click the color swatch and select a color from the palette.
Description	You can add a text below the email field to inform users about how their data will be used.

Discount pop-up settings

Settings	Description
Heading	This field is for adding a heading to the Discount pop-up. In the top menu of the field, you can find options to customize the heading, such as making its font bold or light, italic, or adding a hyperlink. Furthermore, you can click the dynamic source button to insert a dynamic source for the pop-up's heading.
Heading size	The heading size setting offers three options to control the size of your section heading: Small Medium Large
Heading color	This option allows you to customize the heading color. Choose one of three styles: Text Text secondary Accent The colors will adapt automatically based on the selected color scheme.
Description	You can add a text below the email field to inform users about how their data will be used.

Promo code settings

Settings	Description
Color scheme	Choose an appropriate color scheme for the discount code field from the schemes list. The color scheme includes different colors for the background, heading, button, and other elements in the pop-up.
Promocode	Type the label for a promo code.