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

Example of a modal with overlay from the Announcement Popup section from the Sections Jungle app
Reading Time

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 from our Sections Jungle app.

Our app is fully approved by Shopify and safely injects the code directly into your theme, running natively without any slowdowns. Follow the quick steps below to get your popup live in minutes.

Want to see it in action first? View the live demo to get a feel for how it works on your store.



Step 1: Install the App

Start by installing the Sections Jungle app below:

App install screenshot

Find the Announcement Popup section by using the search bar, click Install, select the theme you want to add it to. Once installation is complete, you can go straight to your Customize page to begin editing, or even give the catalogue another look for other useful Sections before you move on.


Step 2: Add the Announcement Popup Section

In your Theme Editor, open the page where you want the popup to appear. Click Add section on the left-side menu (must be in the Header section) and search for SJ Announcement Popup.

Once you add it, the popup will automatically display when the page loads and you can fully control how it looks and behaves.


Step 3: Customize Your Popup

Inside the customization panel, start by setting your title and subtitle. This is your main message:  whether you’re promoting a limited-time sale, announcing free shipping, or simply greeting new visitors.

You can include one or two buttons with links, such as “Shop Now” or “Learn More,” you decide whether to show both or just one. The popup supports custom fonts, colors, and background transparency, so you can match it perfectly to your store’s branding.

If you want to preview it while customizing, just enable “Make this popup always visible in Customize page” or disable the option if it's getting in the way of the rest of your work, this won’t affect your live site.


Step 4: Design and Behavior Settings

In the design options, you can round the popup’s corners, adjust its maximum width, or add a soft shadow for depth. Want to keep visitors focused on your message? Turn on “Prevent page scrolling when popup is open” so the page stays still until they close it.

The section is responsive by default, so your popup looks great on both desktop and mobile. You can fine-tune text and button sizes, adjust padding, and even control how often the popup reappears, ranging from once a day to a week.


Step 5: Add Custom Content (Optional)

For advanced customization, you can use the Custom Liquid Content field to insert HTML or Liquid snippets, perfect if you want to embed a countdown timer, a form, or other dynamic elements inside your popup.


Engage Visitors Instantly

A well-designed popup is one of the most effective ways to grab attention and drive action the moment someone visits your site. Whether you’re announcing a sale, growing your mailing list, or promoting a special offer, the SJ Announcement Popup helps you do it beautifully, fast and with no coding required.

And that's not all, Sections Jungle includes many others ready-to-use sections that make customizing your store fast and simple.

At EZFY Code, we’re passionate about building tools that help merchants stand out. In addition to our expanding Sections Jungle library, we offer custom development services for projects that require something unique. Your feedback guides what we build next, so don’t hesitate to share your ideas. We're looking forward to hearing what you need and how we can help you!

Install it today and welcome your visitors with style and discover our full range of sections available at Sections Jungle!

Back to blog

Leave a comment