Discount popup
Discount popup is a popup that shows a discount offer after a visitor subscribes.
How to find it
In the Theme Editor, open the Popups and drawers group, then select Discount popup.
Settings
View the section guide .
This section is used to display a popup after subscription.
Heading content
| Setting | Options | Description |
|---|---|---|
| Subheading | Small line above the heading in the popup. The default text tells the shopper they are now subscribed, because this popup is meant to appear after a newsletter signup. | |
| Heading | Main message of the popup. The default uses a | |
| Description | Optional text under the heading, with rich text formatting. It is left out of the popup when empty. |
General
| Setting | Options | Description |
|---|---|---|
| Width | • Full width | Full width makes the popup fill the whole screen on desktop. Auto keeps it as a centered dialog with a maximum width. |
| Show image | Adds an image panel beside the popup text. The image, width and position settings appear once this is on. | |
| Promotion image | This image will be hidden automatically on mobile. 350px x 410px recommended | |
| Desktop media width | Share of the popup width taken by the image on desktop. Shown only when Show image is on. | |
| Image position on desktop | • Left | Puts the image to the left or right of the text on desktop. Shown only when Show image is on. |
| Promotion link | Create a shareable discount link in your Shopify admin. Learn more ( https://help.shopify.com/en/manual/discounts/managing-discount-codes#promote-a-discount-using-a-shareable-link ) | |
| Button label | Text of the button under the description. The button links to the Promotion link and is not shown when this is empty. |
Heading content sets the Subheading, Heading, and Description shown in the popup. Width sets Full width (fullscreen) or Auto.
Show image turns on the promotion image. Desktop media width sets how much of the popup the image takes on desktop. Image position on desktop places the image on the left or right.
Promotion link sets the URL for the promotion. Button label sets the text of the button.
Notes
Only the button opens the Promotion link. The image is not clickable.
No comments yet