How to Show Your Store's Deals Without Annoying Pop-ups

Illustration of a store page with a sand-colored announcement bar reading 20% off linen, ends Sunday, three product tiles with orange Sale tags and an All deals button, beside a storefront with an OPEN sign

Updated September 2026

This post first introduced Hotdeals, an app we built in 2020 to gather a store's current offers in one floating widget. Hotdeals is no longer available, but the problem it tackled hasn't gone away: most stores have deals worth knowing about, and most of the ways stores announce them get ignored or get in the way. Here's how to show your offers so they help people buy instead of chasing them off.

Why most deal pop-ups don't work

Shoppers have learned to close anything that jumps in front of the page. A pop-up that appears the moment someone lands, covers the product they came to see, and asks for an email before they've seen a single price usually gets dismissed without being read.

It can also cost you in search. Google's guidance on intrusive interstitials describes page elements that “obstruct users' view of the content, usually for promotional purposes,” and says they can make it hard for search engines to understand your content, which may lead to poor search performance. Google's recommendation is to use banners instead: they let people and search engines reach the content as soon as they land. Legally required dialogs, such as cookie consent and age checks, are treated differently.

Two phone screens compared: a full-screen pop-up that hides the product, and a store with a slim announcement bar and an offer line under the price, where the product stays visible. POP-UP VS BANNER IN THE WAY WAIT! HELPFUL Announcement bar One offer, every page Offer by the price Seen at the moment of decision The product stays visible
Put the offer where the shopper is already looking, and keep the product visible.

Where to show deals instead

The idea behind Hotdeals still holds: put your offers in predictable places, so returning customers learn where to look. On Shopify you can do most of this without any app:

  • An announcement bar. Most Shopify themes include one at the top of every page. One line, one offer, with a link: “20% off linen until Sunday, shop now.”
  • A deals collection. A smart collection with the condition Compare at price is set automatically gathers every product that's on sale. Link it from the menu and the announcement bar, and it stays up to date without you touching it.
  • On the product page, near the price. A short line under the price, such as “Buy 2, save 10%” or “Free shipping over $50,” reaches the shopper at the moment they decide.
  • In the cart. Automatic discounts show up in the cart and at checkout without the customer entering a code, which removes the “where do I put the code?” moment altogether.
  • A gentle signup form. If you do want a pop-up for an email signup offer, Shopify's free Forms app has a Floating option and a teaser, a small tab that opens the form only when someone clicks it. That's far less intrusive than a full-screen overlay.

Make every offer easy to understand

  • One offer per placement. Three competing banners read as noise. Pick the one that matters this week.
  • Numbers and dates. “Ends Sunday” and “$10 off orders over $75” beat “Big savings.”
  • No surprises at checkout. If a code excludes sale items or has a minimum, say so where you advertise it. Our guide to how Shopify discounts combine helps you check what will actually happen in the cart.
  • Test on a phone. A banner that fits on a laptop can wrap to four lines on a small screen and push the product out of view. Our mobile optimization guide covers the rest of that check.
Worth knowingEvery widget you add loads code on every page. Before adding a new deals or pop-up app, check whether your theme's announcement bar, a smart collection and an automatic discount already do the job. We explain the cost in why a Shopify app can slow down your store.

When a dedicated app makes sense

Your theme's announcement bar usually shows one fixed message. You'll outgrow it if you want to rotate several messages, schedule offers to start and stop on their own, add a countdown to a real deadline, or show different messages in different regions. That's what our Announcer & Countdown app does. If your main offer is free shipping, our Free Shipping Bar shows each shopper how close their cart is to the threshold and switches to a success message once they reach it. Both have free plans on the Shopify App Store.

Whatever you use, the principle Hotdeals was built on still applies: one clear place for your offers, no fighting the shopper for the screen. For building offers worth announcing in the first place, see four keys to an offer customers can't refuse.