How to Instantly Greet Visitors With a Popup and Highlight Offers on Your Shopify Store
Want to show a welcome message, announce a sale, or highlight a special offer as soon as visitors land on your store? You can do it easily and for free using the Announcement Popup Section.
Want to see it in action first? View the live demo to get a feel for how it works on your store.
Manual Installation
Installation will only take you a few minutes, just follow these steps:
- Go to Online Store > Themes > Edit code
- In the Sections folder, click Add a new section
- Name it sj-announcement-popup.liquid and click Done
- Copy the code from the gist below and paste it into the file
- Click Save
- Go to Customize and add the Announcement Popup section in the Header area
Customization Settings
Step 1: Customize Your Popup
Start by setting your title and subtitle. This is your main message, whether you're promoting a limited-time sale, announcing free shipping, or welcoming new visitors.
You can include one or two buttons with links, such as “Shop Now” or “Learn More”. Customize fonts, colors, and background transparency to match your store’s branding.
If you want to preview the popup while customizing, enable “Make this popup always visible in Customize page”. You can disable it at any time without affecting your live store.
Step 2: Design and Behavior Settings
Adjust design options such as corner radius, maximum width, and shadows to give the popup more depth. You can also enable prevent page scrolling while popup is open to keep visitors focused on your message.
The popup is responsive by default and works well on both desktop and mobile. Fine-tune text and button sizes, adjust padding, and control how often the popup reappears, from once per day to once per week.
Step 3: Add Custom Content (Optional)
For advanced use cases, the Custom Liquid Content field lets you insert HTML or Liquid snippets. This is useful for embedding countdown timers, forms, or other dynamic elements inside the popup.
Engage Visitors Instantly
A well-designed popup is one of the most effective ways to capture attention and drive action as soon as visitors arrive. Whether you're announcing a sale, promoting an offer, or growing your email list, the Announcement Popup helps you do it cleanly and effectively.
At EZFY Code, we also offer custom development services for merchants who need tailored solutions built specifically for their store. If you have a unique idea or custom requirement, feel free to reach out.