Promo popup settings
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 |
| 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:
|
| Show promo pop-up | Tick the checkbox to show a pop-up for customers. |
| Color scheme | Choose an appropriate color scheme for promo pop-up from the schemes list. The color scheme includes different colors for the background, heading, button, and other elements in the pop-up. |
| Image | Add the image to complement the design. |
| Heading | Enter the text for the heading and configure the font style, size, and appearance using a rich text options in the field. |
| Label | Add a descriptive label for additional context or emphasis. |
| Content alignment | Choose alignment of heading and description:
|
| 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. |
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. |
| Description | Type the text for the discount description and set up the font view. |
| Content alignment | Choose alignment of heading and description:
|
| Promocode | Type the label for a promo code. |