Promo pop-up (Subscribe)
The Promo pop-up is a fixed section above the footer.
Promo pop-up Subscribe | Settings |
Show promo pop-up | Toggle the switch to show a pop-up for customers. |
Enable test mode | This feature allows showing a pop-up example in the theme editor only. If you want to see all your changes in a pop-up inside the theme editor, toggle the switch. |
Test mode pop-up type | Select the type of pop-up you want to see in test mode:
|
Style | Choose two styles of pop-up:
|
Image | Select an image from the library, free images, or upload a new image to the library. |
Image width | Choose what width of the column that will take the image:
|
Image ratio | Image ratio is the ratio of its width to its height. It can be:
|
Heading | Type the text for the heading and set up the font view. |
Description | Type the text for the description and set up the font view. |
Heading color | The “Heading color” setting allows you to set the color of the heading. Three options:
|
Heading size | You can choose a size from H1 to H6. |
Description font size | Choose size for the description: Large, Medium, Small, and Extra Small. |
Button color style | This feature allows you to change the button color style:
This setting can be applied to buttons, links, and underlined links within the section. *To choose or change colors for button styles, go to the theme settings in “Colors” tab to block “Primary button and secondary”. Changing colors in theme settings will affect the whole theme. |
Button style | Choose from seven button styles:
|
Button icon | For example, you can add an arrow to the button. Add the icon by selecting an image and choosing from a library or uploading a new file. You can upload an SVG file. |
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 for 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 the Tags section, you will see this tag. |
Timeout | The “Popup 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 pop-up 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 box with a color circle and selecting a color. |