The Promo Popup is an effective tool to highlight special offers, discounts, or announcement campaigns to your store visitors. You can customize when it appears, how often it triggers, and what content or products it showcases.
To add it to your store, from Theme Editor -> Scroll down on the left bar till you find Overlay Group -> Add section -> Promo popup
Once added, you can config the setting of it in the right column bar:
1. Display & Trigger Settings
Setting | Description |
Color scheme | Choose a predefined color palette to style the popup's background, text, and buttons. |
Hide on cart page | Check this option to prevent the popup from appearing while customers are on the cart page. |
Show popup after | Select the trigger condition: Some time (timed delay), Move the cursor out of screen (exit-intent), or User scroll. |
Popup delay | If "Some time" is selected, set the delay in seconds (e.g., 5 sec) before the popup appears. |
Show again after | Set the number of days to wait before displaying the popup again to a customer who previously closed it (e.g., 15 days). |
2. Content & Media
Setting | Description |
Heading | Enter an eye-catching headline for your promotional message (e.g., "Wait! before you leave..."). |
Sub text | Add secondary text to highlight the main incentive or offer (e.g., "Get 20% off for your first order"). |
Coupon code | Enter the discount or promo code for customers to use during checkout. |
Description | Include additional details or instructions on how to use the promotion. |
Button label | Customize the call-to-action text on the button (e.g., "Grab the discount"). |
Button link | Add a URL destination for users who click the action button. |
Background image | Upload a custom background image to visually complement your promotion. |
Image overlay opacity | Set the opacity of the image overlay. It will make the content readable while still view an image. |
Right Content Type | Choose whether to display a list of products or custom content on the right side of the section. |
3. Recommended Products
Setting | Description |
Color scheme | Select a color scheme specific to the recommended products block. |
Title | Set a heading for the recommended products section (e.g., "Recommended products"). |
Product list | Choose specific products from your catalog to feature directly within the popup. |
Image ratio | Choose the aspect ratio for product images (Square, Adapt to image, Portrait, or 4:3). |
Quick view | Enable quick view capability so customers can preview product details directly from the popup. |
4. Minimal popup
Setting | Description |
Show Minimal Popup | Select a color scheme specific to the recommended products block. |
Title | Enter the title displayed in the minimal popup. |
Hidden on Mobile | Enable this option to hide the minimal popup on mobile devices. |
