Promo pop-up

We have two promo pop-ups:

Promo pop-up subscribe
promo-pop-up discount

A promo pop-up discount appears on the page only after the user fills out the form and subscribes on promo pop-up subscribe. Upon subscription, the user will receive a discount on the purchase by copying the code after clicking the button. These pop-ups are connected and works in tandem.

Once a user subscribes for the first time, they cannot receive the discount again, which is why the discount pop-up appears only once per user.

Promo pop-up subscribe

Settings	Description
Show promo pop-up	Tick the checkbox to show a pop-up for customers.
Enable test mode	This feature allows showing a popup example in the theme editor only. If you want to see all your changes in a pop-up inside the theme editor, tick the checkbox.
Test mode popup type	Select the type of popup you want to see in test mode: Popup subscribe Popup discount
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 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.
Description color	The “Description color” setting offers four options to customize the color scheme of the 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.
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 without filling in any information.
Background color	Choose the background color for the pop-up by clicking on the circle and selecting a color.

Promo pop-up discount

You can create your promo code on Shopify Dashboard. Go to Discounts /Create Discount/Choose the type of Discount. In your theme customizer, put the label of the promo code in the Popup promo code. Customers enter this code at checkout.

Promo pop-up discount settings	Description
Heading	Type the text for the discount 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 Headings color Headings secondary color
Description	Type the text for the discount description and set up the font view.
Description color	The “Description color” setting offers four options to customize the color scheme of the description: Text main color Text secondary color Headings color Headings secondary color
Content alignment	Choose alignment of heading and description: Left Center Right
Promo code	Type the label for a promo code.
Discount background color	Choose the background color of discount place, clicking on the circle and selecting a color.
Link label	Type the label for the button. Note: If you remove the label, the button will be invisible.
Background color	Choose the background color for the pop-up by clicking on the circle and selecting a color.

Promo pop-up subscribe and pop-up discount settings

Settings	Description
Add popup shape	Enable this option to apply a bubble shape to your pop-ups, surrounded by a borderline.