Promo popup

Settings	Description
Show promo popup	Tick the checkbox to show a popup 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 popup 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

Promo popup subscribe

Settings	Description
Color scheme	Choose an appropriate color scheme for popup subscribe from the schemes list. The color scheme includes different colors for the background, heading, button, and other elements in the popup.
Image	Upload or select an image to display in the popup.
Image ratio	Control how images are displayed by selecting one of the following ratio options: Adapt to Image: Displays the image in its original aspect ratio without cropping. Portrait: Crops or scales the image to fit a vertical orientation. Square: Crops or scales the image to a square aspect ratio (1:1). Landscape: Crops or scales the image to fit a horizontal orientation.
Heading	This field is for adding a heading to the notification popup. 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 popup's heading.
Heading size	The heading size setting offers three options to control the size of the popup's heading: Small Medium Large
Text	This field is for adding a description to the popup. In the top menu of the field, you can find options to customize the text. Furthermore, you can click the dynamic source button to insert a dynamic source for the popup's description.
Text size	You can control the size of the popup's text using three available options: Small Medium Large
Customer tag	This is a tag that allows you to understand exactly which popup the user registered for, whether it is, for example, a popup 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 popup 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 popup should reappear if the user closes it without filling in any information.

Promo popup 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.

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.

Settings	Description
Color scheme	Choose an appropriate color scheme for popup discount from the schemes list. The color scheme includes different colors for the background, heading, button, and other elements in the popup.
Image	Upload or select an image to display in the popup.
Image ratio	Control how images are displayed by selecting one of the following ratio options: Adapt to Image: Displays the image in its original aspect ratio without cropping. Portrait: Crops or scales the image to fit a vertical orientation. Square: Crops or scales the image to a square aspect ratio (1:1). Landscape: Crops or scales the image to fit a horizontal orientation.
Heading	This field is for adding a heading to the notification popup. 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 the popup's heading: Small Medium Large
Description	This field is for adding a description to the popup. In the top menu of the field, you can find options to customize the text. Furthermore, you can click the dynamic source button to insert a dynamic source for the popup's description.
Text size	You can control the size of the popup's text using three available options: Small Medium Large
Promo code	Enter the label for the promo code. This label should match the discount label you previously created for the promo code.
Discount background color	Specify the background color for the discount block. This color helps highlight the discount and make it visually appealing.
Link label	Enter the text for the link label. It can be, for example, “Copy Code”.