Notice Popup Section
This guide describes setting up the Notice Popup section.
Use this section to create a customizable popup that can display announcements, newsletter signups, or promotional content. The popup includes cookie-based display control and theme editor integration.
For general guidance with modifying sections, refer to [Sections overview], and [Shopify help: Sections and blocks].
Set up a Notice Popup section
- Go to Customize theme
- In Theme editor, select any page
- Select "Add section" > "Popup"
Note: The popup will appear across all pages based on your timing settings.
Configuration
Timing Settings
| Setting name | Description |
|---|---|
| Days until popup shows again | Set cookie duration (1-30 days). Default is 7 |
| Popup delay | Set initial display delay (0-60 seconds). Default is 0 |
| Add tint | Toggle background overlay. Default is false |
Content Settings
| Setting name | Description |
|---|---|
| Popup title | Set heading text. Default is "Notification title" |
| Popup text | Rich text content area |
| Popup image | Optional image (recommended: 600px wide) |
| Image position | Choose Left or Right. Default is left |
Newsletter Settings
| Setting name | Description |
|---|---|
| Show newsletter signup | Toggle form display. Default is true |
| Show button | Toggle CTA button. Default is true |
| Button text | Set button label. Default is "Continue shopping" |
| Page link | Select page for button link (optional) |
Technical Notes
- Popup uses cookies to track when it was last closed
- In theme editor, popup visibility is controlled by section selection
- Responsive design adapts layout for mobile devices
- Maximum width adjusts based on image presence (md/2xl)
- Newsletter signups are processed through Shopify's customer system
Note: Consider user experience when setting popup frequency and delay. Aggressive popup settings may negatively impact user engagement.