Promotional Popups & Announcement Bars: 18 Examples
A new drop on Friday. Free shipping until 5 PM. A store closing early. Put the useful news where visitors can act on it, with a format and a message that fit the moment.
What are promotional popups and announcement bars for?
A promotional popup, or promo popup, brings an offer or update into the visitor’s current page. Announcement bars carry a shorter message along the top or bottom of the site. Both can point people toward a sale, explain a delivery change or tell them when a new collection arrives. Neither needs to ask for an email address.
Their useful job is to close an information gap. A customer may land directly on a product page and never see the homepage banner. Someone planning a store visit may not open your social feed. A returning shopper may assume the old shipping rules still apply. An onsite message puts the relevant change near the decision it affects.
A promotional message invites action: explore the drop, use an offer or book a place. A service announcement explains what has changed: later dispatch, shorter opening hours or a temporary outage. A sale needs a destination; a short notice can do its job when the visitor reads it and continues browsing.
The examples below are original, illustrative message templates, not reports of real campaigns or measured conversion gains. Replace the dates, locations, prices and eligibility rules with your actual terms before using them. They cover three different decisions: delivery terms before an order, an offer that leads to a product, and a service update that changes what the visitor can do. After the examples, we turn those decisions into copy, display rules and a way to check the result.
Announcement bar, popup or flyby: which format fits?
The message’s job determines its placement. A shipping threshold affects many product decisions, so a bar can keep it available throughout browsing. A collection launch may need an image and a preview link, which calls for more space. A store-hours change belongs near the location information; covering the whole catalogue would give it attention from the wrong people.
| Format | When to use it |
|---|---|
| Announcement bar | A short shipping rule, sale deadline or store-hours update. Use a sticky bar when the message should remain visible during scrolling, provided it leaves enough room for the page. |
| Promotional popup | A focused offer or launch that needs an image, explanation and one main action. Make it easy to dismiss and avoid repeatedly interrupting the same visitor. |
| Flyby / slide-in | A smaller campaign at the page edge: a local event, collection preview or contextual reminder. Check its mobile layout; a desktop corner panel can cover much of a phone screen. |
| Teaser / launcher | A small control for opening or reopening an offer. Useful when shoppers want to return to a code or read details after dismissing the main message. |
| Inline notice | Information that belongs beside the affected product, store address or delivery option. Keep critical terms here even if a popup or bar also announces them. |
These names describe different things. “Promotional” describes the purpose; “bar” and “slide-in” describe the placement. A bar can contain an offer or a plain notification. A popup can be a message with only a close control, rather than a signup form. An entrance animation does not turn a central popup into a flyby.
Shipping announcement examples
Shipping messages should answer a practical question: what will this order cost, where can it go, or when will it leave? Keep dispatch dates separate from arrival estimates. If an offer has a cutoff, include the time zone and remove or replace the announcement when it ends.
1. Free shipping until 5 PM
Use an announcement bar for the short offer and link to the eligible collection or delivery terms. Schedule the end for the same time as the actual shipping discount. If a minimum spend applies, put it in the message rather than revealing it only at checkout. A countdown is optional; the stated deadline is not.
2. A free-shipping threshold
A persistent bar can answer the cost question before someone adds a product. If your tool reads the eligible cart total, a progress message can instead say “Add £12 more for free shipping.” That version needs real cart data, correct treatment of discounts and a fallback when the total is unavailable.
3. Now delivering to a new region
Show the update to the relevant audience where your targeting supports it, with a link to the new delivery information. A country selector can be more useful than assuming someone’s detected location is their shipping address. Keep the announcement specific: new coverage does not automatically mean every product or delivery service is available there.
4. Weather-related delivery delays
Use a service-notice bar and a detailed status page. Explain the affected area and the expected impact, then revise the message as conditions change. Existing customers may also need an order update; a website announcement reaches visitors, not everyone already waiting for a parcel.
5. A holiday dispatch cutoff
A bar works well for a deadline that matters across the store. Be precise about whether you promise dispatch or delivery. After the cutoff, replace the message with the next dispatch date or an available alternative, such as a digital gift card, instead of leaving an expired promise visible.
6. Warehouse stocktake or fulfilment backlog
Put the notice near delivery information as well as in the announcement bar. Customers need the operational consequence more than a vague “please allow extra time.” For a changing backlog, give a current estimate and update it; do not turn an uncertain arrival date into a confident promise.
Promotional popup examples for sales, drops and restocks
A promotion should lead somewhere specific. Link the message to the drop, sale collection or qualifying products instead of making the visitor search the homepage again. Match the destination’s prices, stock and conditions to the promise in the popup.
7. A new drop coming soon
Use a flyby or a focused popup with one product image and a preview link. Before launch, send visitors to a preview page; at launch, switch the message and destination to the live collection. A “Remind me” form is an optional subscription journey, not a requirement for announcing the drop.
8. A collection is live
Replace the coming-soon campaign rather than showing both messages together. A popup can introduce the collection to returning visitors; a bar can keep the link available during browsing. Exclude the collection page if the announcement would simply cover the products people already came to see.
9. A weekend sale
Put the scope beside the saving. “Selected outerwear” is a different offer from “everything,” and an automatic reduction is different from a code. Use a bar for the running promotion and a popup only when there is enough useful detail to justify the interruption. End both when the sale ends.
10. A short flash sale
The short window makes scheduling important. Show the offer on relevant pages, explain whether it applies only to the first payment, and link to qualifying plans. A timer should count toward the real deadline, not restart every time the same person returns.
11. A product is back in stock
A product-specific slide-in can help shoppers on related collection pages. Keep the message tied to the variants that actually returned, and pause it if they sell out. This onsite notice is separate from back-in-stock emails sent to people who previously requested an alert.
12. A gift with a qualifying purchase
Use a bar for the offer and a popup or linked page for the conditions. Explain whether the gift is added automatically or must be selected. Showing the promotion does not itself add the gift to the cart; confirm that action and the stock rule in the store before launching the campaign.
Website announcement examples for store hours and service updates
A website announcement does not have to sell something. A useful notification can prevent a wasted journey or explain why a normal action is unavailable. Keep the tone direct, name the affected store or service, and give the next step only when there is one.
13. Changed opening hours
Show the notice on the store-location page and, where useful, to nearby shoppers. Update the permanent opening-hours information too. A national sitewide popup is unnecessary if only one branch is affected; a local bar or inline notice can explain the change without interrupting everyone else.
14. Temporary closure or relocation
State what remains available, not just what has stopped. Link to alternative locations or collection arrangements if they exist. When the shop reopens, replace the closure notice with the current hours rather than leaving visitors to calculate whether the dates have passed.
15. Click-and-collect becomes available
A regional bar introduces the option; the product and delivery pages can explain availability. Avoid suggesting that an order is ready immediately unless that is true. The popup’s role is to explain the new service, while checkout and order communications handle the actual collection process.
16. A payment option is temporarily unavailable
Place the message before the affected payment step where your platform supports it, and provide a status page if the disruption continues. Do not assume a storefront popup also appears inside a hosted checkout. Remove the notice promptly when the payment option works again.
17. Planned maintenance
Announce the window in advance, then use a current status message during the interruption. Say exactly which action is affected. A notice is not a substitute for handling a failed checkout gracefully or preserving the customer’s basket when the service returns.
18. A store event or workshop
Use a local slide-in or announcement bar with a direct booking link. The destination should show location, price, availability and accessibility information. Stop promoting the event when booking closes, or replace the action with a waitlist only if there is a real waitlist to join.
How to write a useful announcement bar message
The examples above share a structure: what changed + who it affects + when + next step. Include only the parts the visitor needs. “Delivery update” hides the important fact; “Orders placed this weekend ship Monday” says what changes for the shopper. A short message does not have to be vague.
Lead with the benefit for a promotion and the consequence for a service notice. Put major exclusions next to the offer. Use a descriptive action such as “Shop outerwear,” “Check delivery times” or “View store hours.” If the message is complete on its own, a close control may be enough.
For a bar, start with one short sentence and test the actual mobile layout. There is no universal character count that fits every theme, font and language. If the message needs several conditions, keep the essential fact in the bar and link to the explanation. Do not shrink the type to squeeze a paragraph beside a tiny button.
Show the message at the right time, without blocking the visit
Turn the message into display conditions. For the outerwear sale above, relevant collection and product pages are a starting point; someone already viewing the sale collection may only need the deadline bar. The Bristol opening-hours notice belongs on that store’s page. The free-shipping progress message needs the eligible cart total. These are three different data requirements, not variations of one sitewide campaign.
Set an end date when you set the start date. Decide what happens after dismissal, whether the visitor can reopen the message and which campaign takes priority if another popup is eligible. A shipping disruption should not compete with a wheel, newsletter form and sale modal at the same time. Keep important service information available on a normal page after dismissal.
Google advises using small banners rather than full-page promotional interstitials that obstruct access to content. That does not mean every popup causes a ranking penalty, or that any bar is harmless. Keep the main content accessible, especially on mobile, and avoid stacking overlays. See Google’s guidance on intrusive interstitials.
Test the close control, keyboard navigation, focus behaviour, text contrast and the space left for the page. If someone opens a detailed message from a launcher, make it clear how to return. Check the smallest supported screen and the longest translated copy, not just a wide desktop preview.
Do you need an announcement bar app?
For a permanent delivery rule or occasional opening-hours change, start with your theme or CMS. Shopify’s help documentation explains that some themes include an announcement bar and others need an app. Check the theme’s controls before adding another tool; a text line and link may already cover the job. See Shopify’s announcement bar guide.
The examples show when a separate tool adds something. A flash sale needs a reliable end time; a collection launch may need different messages before and after release; a shipping-progress bar needs cart data. Write down those requirements and compare them with your theme’s controls. Missing scheduling, targeting or cart handling is a reason to investigate an app. A more attractive bar template alone does not solve those gaps.
Our feature checklist separates message formats from delivery controls. The Shopify guide covers store actions such as cart updates and discounts; the directory lets you compare the tools and their plans after those requirements are clear.
Measure the result that matches the message
Return to the decision the message was meant to change. For the outerwear sale, record the campaign click and the subsequent eligible purchase as separate events. For the collection preview, the immediate result is a visit to the preview page, or a reminder signup if that is the chosen action. For the Bristol hours notice, clicks are not the main result: the message already contains the changed closing time. Its display count establishes exposure, not whether visitors understood it.
Compare like-for-like audiences and periods, and use an experiment when your tool and traffic support one. A busy sale weekend is not proof that the popup caused the extra orders. For service notices, review related support questions alongside traffic and operational changes rather than claiming every decrease came from the bar.
Keep delivery cost separate from the campaign’s outcome. Pageviews, sessions, widget loads and visible displays can produce different bills. The pricing guide explains those counters; the integration guide shows how campaign events can reach your reporting system.
Promotional popup and announcement bar FAQ
What should I put in an announcement bar?
Put one useful, current fact there: a shipping condition, a sale deadline, a launch, changed hours or a service disruption. Include the key condition and a relevant link when more explanation is needed. Replace the message when the offer ends or the information changes.
Does a promotional popup need an email form?
No. It can show an offer with a link, or a plain announcement with a close control. Add a form only when subscription or registration is part of the visitor’s intended next step, such as requesting a launch reminder.
Is a notification bar the same as a push notification?
No. A website notification bar appears within the page someone is visiting. Web push is a separate subscription and delivery channel. Calling an onsite message a notification does not mean it can reach people after they leave the website.
Can I show several announcements at once?
You can, where your theme or tool supports it, but choose a clear priority. Keep an important delay or closure visible instead of hiding it in a fast-rotating sequence of offers. If two campaigns cover the same topic, combine them or suppress the less relevant one.