How to Instantly Greet Visitors With a Popup and Highlight Offers on Your Shopify Store

One of the first things people ask me is how to show a welcome message, a sale, or a discount the second someone lands on the store, without paying for a popup app every month.

Long story short, a Shopify announcement popup is just a section. It sits on top of the page, you set the text and the buttons, and you pick how often it comes back. No app, no extra JS from a third party, and it loads with the rest of your theme.

I built it this way because popup apps usually inject extra scripts and charge you forever. This one is copy/paste. Last tested on Dawn in 2026.

Want to see it first? Here's a live demo.

Works on Dawn, Sense, Craft, Spotlight, Taste, Refresh and most OS 2.0 themes. Download a backup of the theme first. If something breaks, you can roll back in about 10 seconds.

How to add the announcement popup

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme you want to edit, click the 3 dots > Edit code.
3. Open the sections folder and click Add a new section. Name it exactly ezfy-announcement-popup. The file name and the section name have to match, otherwise Shopify won't load it.
4. Paste this code, then save. This is the whole section, schema included:
5. Click Save.
6. Click the 3 dots > Customize.
7. Click Add section and look for Announcement Popup. Put it in the header (or on the template you want it on).
8. Set your title, subtitle and buttons, then save.

If you prefer Shopify's own editor docs, they cover Edit code here: Edit your theme code.

How to customize it

Text and buttons. Start with the title and subtitle. That's your main message, whether you're running a sale, announcing free shipping, or just saying hi. You can add one or two buttons with links, like Shop Now or Learn More. Fonts, colors and background opacity are all in the section settings.

If you want to see the popup while you're editing, turn on Make this popup always visible in Customize page. Turn it off before you publish if you don't want it stuck on screen for you in the editor.

Design and behavior. Corner radius, max width and shadows are there if you want more depth. You can also freeze page scrolling while the popup is open, so people actually read it. It works on desktop and mobile. Fine-tune text size, padding, and how often it shows again (once a day, once a week, and so on).

Custom Liquid (optional). There's a Custom Liquid field if you want to drop in HTML or Liquid, like a countdown or a small form. Only use that if you actually need it.

If the popup doesn't show up

Check the section file name. It has to be ezfy-announcement-popup.

Make sure you added the section in Customize, not only pasted the file.

Hard refresh the storefront. Theme editor save is required before the live page updates.

If it showed once and then vanished, that's the cookie. Lower the cookie duration or open the store in a private window.

If you get stuck, tell me which theme you're on. That usually solves it.