Add an announcement bar to your website for free

Nina De la Cruz Nina De la Cruz 7 min read

As a website owner, you need a simple way to publish sitewide updates — and know visitors will actually see them. Announcement bars solve this problem by staying visible at the top or bottom of the page as people browse, without interrupting the experience.

Sticky bars help visitors immediately see discount codes, sale announcements, shipping thresholds, and service updates without searching or contacting support. This format works particularly well on mobile, where screen space is limited.


Open preview
Add this bar to my website for free →

You can create a custom website announcement bar for free using Getsitecontrol — platform for email marketing and website engagement. Get started by choosing one of the templates from this guide, customize it to match your branding, and publish it on your website. It works on Shopify, WordPress, Squarespace, and any other website platform — no coding required.

Announcement bar examples

Sales and promotional campaigns

Promotional announcement bars are the most common type. They’re used to highlight ongoing sales, sitewide discounts, new arrivals, or limited-time offers and guide visitors to a specific collection or landing page. The button plays a clear navigational role, directing visitors to the page where the promotion lives.

These bars are typically displayed sitewide for the duration of the campaign, ensuring consistent visibility as visitors browse the site.

Open preview
Get this bar for my website →

Shipping, service, and policy updates

Operational notifications — such as delivery delays, holiday shipping cutoffs, service changes, or policy updates — should be communicated clearly and without sales pressure. These bars focus on setting expectations rather than driving clicks and usually remain visible until acknowledged with a button click.

By keeping critical information consistently visible, this format helps reduce support inquiries, build trust, and prevent cart abandonment caused by unexpected details at checkout.

Open preview
Use this announcement bar →

Welcome offers for first-time visitors

Welcome offer bars are designed for first-time visitors who haven’t converted into a customer or subscriber yet. Instead of pushing urgency, they gently nudge visitors to a purchase or subscription by offering an incentive. These bars usually either display a coupon code directly or include an email capture form that reveals the code after submission.

Because the bar stays visible while visitors browse, it works well for capturing attention without forcing an immediate decision. This makes welcome offer bars a common alternative to popups for brands that want a softer first impression.

Open preview
Use this announcement bar →
Getsitecontrol is great for sitewide bars

We've been using Getsitecontrol primarily to create campaign banners across our website, and it's been a smooth, effective solution. The platform is intuitive and flexible.

Bianca B. Marketing Operations Manager

Best practices for website announcement bars

Keep one primary call to action

Announcement bars work best when they support a single, clear action. Whether the goal is to get visitors to shop a sale, check delivery details, or use a welcome discount, the bar should guide them toward one outcome at a time. Trying to combine multiple goals — such as promoting a sale while explaining shipping terms — often weakens both. When more than one announcement is important, use targeted pop-up messages and other formats for secondary prompts.

Write copy that reads at a glance

Announcement bars are meant to communicate quickly, without explanation or extra context. Specificity outperforms vague language, so keep the main message under 10 words and use the button text to clarify the next action.

Copy examples for website announcement bars

Sale ends tonight – Visit sale

50% off everything – Shop sale

Free shipping on all orders over $50

Get 15% off your first order – Get discount

Holiday shipping deadline: Dec 18 – View schedule

Order by Dec 18 for Christmas delivery – Shop gifts

Make the bar noticeable, not intrusive

Effective announcement bars should be noticeable without competing with your website’s main content or navigation. The goal is to make important information visible while preserving the browsing experience.

Use brand-aligned colors that create clear separation from the page — either lighter or darker than the surrounding elements. The call-to-action should stand out against the bar background without overpowering the design. A well-designed announcement bar feels intentional and integrated, not layered on top of the page.

Placement should reflect urgency. Top placement works best for time-sensitive or critical messages, such as shipping cutoffs or service alerts. Bottom placement is less intrusive and better suited for ongoing information like free shipping offers or coupon reminders.

Optimize for mobile screens

Announcement bars work well on mobile when designed for smaller screens from the start. Keep the copy to 10 words maximum — ideally, 6-8 words for smaller screens — and if you add a button, make sure it's clearly tappable. Bottom placement typically performs better on mobile since it doesn't interfere with the navigation menu.

If you’re using Getsitecontrol, it automatically adapts announcement bars to mobile screens and lets you preview the result before you publish it on your website. That said, you should still check it on actual devices to ensure the bar looks the way you intended and doesn't obscure important UI elements.

Time and target strategically

Announcement bars should only appear while the message is relevant. Promotions should run for the duration of a campaign, while service and operational updates should prioritize visitors who haven’t seen the message yet.

For region-specific information — such as localized delivery delays or country-specific duties — targeting by location helps keep the experience focused and avoids distracting other visitors.

Announcement bar timing examples

Use caseDisplay duration
Flash sales, seasonal discountsDuration of the campaign
Shipping delays, service interruptionsUntil acknowledged by visitors or resolved
Privacy or terms updates, taxes infoOnce per visitor or during a defined period

Add an announcement bar to your website with Getsitecontrol

Getsitecontrol is designed specifically for brand owners and marketers who want to publish and manage website notifications easily, without having to deal with the code. The platform comes with a gallery of pre-made templates for creating announcement bars, email opt-in forms, and pop-up surveys. Once you select a template, you can fully customize it to match the branding and publish within minutes.

It’s especially useful during high-traffic periods, when messages change quickly. You can replace a sale announcement with a shipping cutoff, then follow up with a holiday schedule, all while keeping the experience consistent and unobtrusive for your visitors.

For small and mid-size teams, this means important updates can go live as soon as they’re needed — without engineering help and without disrupting the rest of the site.

Amazing tool for announcement bars

Amazing tool. We got a running announcement bar working really well. We've been using Getsitecontrol for 9 months.

1 Above Vitamins & supplements store shopify

Common questions

What is an announcement bar?

A website announcement bar is a thin banner usually displayed at the top or bottom of a screen to share important information with visitors. It’s commonly used for promotions, shipping updates, service notices, or policy announcements.

What should I say in an announcement bar?

Effective announcement bar copy follows a simple structure: clearly state what’s happening and indicate the next step. Keep the main message under 10–12 words and use the button text to communicate the specific action, such as visiting a sale, learning more about an update, or viewing the shipping schedule.

How do I announce a website update?

Announcement bars are one of the most direct ways to notify visitors about a website launch or major update. Most websites display these bars sitewide for a limited period, combining a short message with a link to more details. For new website launches, the announcement often appears on the old site and directs visitors to the new URL.

When should I display announcement bars?

Timing depends on urgency and audience. Promotional bars usually run for the duration of a sale or campaign and appear to all visitors. Update announcements often perform better when shown to returning visitors, since first-time visitors have no baseline for comparison. Service notifications typically remain visible until dismissed. Most websites run announcement bars for a defined period and remove them once the message is no longer relevant.

How do announcement bars compare to popups?

Unlike popups, which often require immediate interaction and temporarily block content, announcement bars remain in view until manually closed. This makes them better suited for ongoing promotions or important service updates that need consistent visibility throughout a browsing session.

What announcement bar type should I use?

Choose the bar type based on your primary goal. To increase order value, use free shipping threshold bars that reflect minimum order requirements. To drive promotion awareness, use sale announcement bars with urgency-focused copy or countdowns. To reduce support inquiries, use service notification bars that stay visible until dismissed. For compliance or policy updates, use bars that display once per visitor with an acknowledgment option. The most effective bars are aligned with a single, clear action.

Should an announcement bar be at the top or bottom?

Top placement captures attention immediately and works best for urgent promotions, shipping cutoffs, or critical service updates. Bottom placement is less intrusive; it helps avoid conflicts with the website navigation and tends to work better on mobile, where top screen space is limited.

Are announcement bars good for mobile visitors?

Announcement bars perform particularly well on mobile when designed thoughtfully. They help communicate important messages without being intrusive. Because screen space is limited, keep copy ultra-concise and include a single, clearly tappable button. Avoid placing multiple links and make sure the bar doesn’t cover essential UI elements.

What's the best way to announce free shipping?

Free shipping announcement bars are most effective when the message is specific. Instead of generic “Free shipping available,” use clear thresholds such as “Free shipping on orders over $50” or time-bound statements like “Order by Dec 18 to get free shipping on all orders.” If you’re on Shopify, you can display dynamic text reflecting the remaining order amount to get free shipping, as a customer adds items to the cart.

Can I display multiple announcement bars at once?

It’s best to display one announcement bar at a time. Multiple bars compete for attention, create visual clutter, and reduce the impact of each message. If you already have a persistent bar for compliance or service notifications, use a different format — such as a popup or slide-in — for promotions or calls to action.

Can I target announcements to specific locations?

Yes, Getsitecontrol lets you set up location-based targeting, so only the audience from the location of your choice will see the message. Location targeting is especially useful for region-specific shipping delays, cookie notifications, country-specific delivery terms, or transparency messages like taxes included in pricing. The goal is simple: show the message only to visitors for whom it applies.

Nina De la Cruz is a content strategist at Getsitecontrol. She is passionate about helping small and medium ecommerce brands achieve sustainable growth through email marketing.

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Show notifications section.

Inline subscribe widget

Create popups for free

Email forms, promos, coupons, surveys, bounce-stoppers.

Get started, it’s free

Inline subscribe widget