Notification

Preview the “Notification Pop-up” on the page. This pop-up appears after the page loads. In the settings, you can specify the time for the pop-up to appear and how many times it should be displayed.

Setting	Description
Enable test mode	Shows a popup example in the theme editor only.
Notification	Add a text to popup, for example about discount or other important information.
Notification color	The “Notification color” setting offers four options to customize the color scheme of notification: Text main color Text secondary color Heading color Heading secondary color
Secondary color	Your text may appear in a different color. Select a different color to highlight specific text and grab customers' attention.
Text for secondary color	Enter the text you want to emphasize in this color. *To change the colors of words that are not next to each other, use a comma. For example, 'shipping, shop'. Refer to the screenshots below the table for guidance.
Notification alignment	Choose notification alignment: Left Center Right
Timeout	The “Timeout” setting allows you to set the time delay for the pop-up to appear on the screen after a user lands on the webpage. You can choose the time duration in seconds.
Show dismissed popup times	The “Show dismissed popup times” setting allows you to set the number of times a dismissed pop-up should reappear if the user closes it. If 0 is selected, the message will be displayed continuously.
Background color	Choose the background color for the pop-up by clicking on the circle and selecting a color.

Secondary color option

Example

Subscribe popup

To view the subscribe pop-up in preview mode, click on the notification pop-up.

Settings	Description
Enable subscribe popup	Check the checkbox “Enable subscribe popup” to activate a pop-up for customers. To preview this pop-up on the page within the customizer, ensure that the checkbox “Enable Test Mode” at the beginning of the notification settings is checked. Refer to the screenshots below the table for guidance.
Heading	Type the text for the heading and set up the font view.
Heading color	The “Heading color” setting offers four options to customize the color scheme of the pop-up heading: Text main color Text secondary color Heading color Heading secondary color It's important to note that the color scheme you choose for these four options will be consistent throughout your website. So, when you update the theme settings for these text colors, the same color scheme will be applied to other sections or blocks that use text elements.
Description	Type the text for description and set up the font view.
Text color	The “Text color” setting offers four options to customize the color scheme of the pop-up description: Text main color Text secondary color Heading color Heading secondary color
Content alignment	Choose alignment of heading and description: Left Center Right
Customer tag	This is a tag that allows you to understand exactly which pop-up the user registered for, whether it is, for example, a pop-up on which he received a discount code or other information. To see this tag, go to the Shopify admin panel / Customers and open some user’s information, on the right side in Tags section you will see this tag.
Background color	Choose the background color for the pop-up by clicking on the circle and selecting a color.
Add popup shape	Enable this option to apply a bubble shape to your pop-ups, surrounded by a borderline.

Enable subscribe popup

Easily preview changes to text, font color, content alignment, and background color using this test mode. Once adjustments are complete, simply disable the pop-up by unchecking the box.