Announcement Bar Widget for your website

Share important updates across the top, bottom, or inline area of your website. Jotform's Announcement Bar widget includes templates for sales, shipping, launches, events, webinars, coupons, policies, alerts, and signup campaigns, plus controls for position, schedule, page rules, CTA buttons, countdowns, uploaded images, colors, gradients, and custom CSS.

Create Now — It’s Free!

Announcement Bar Widget for your website

Scrollable Announcement Bar

This full-width announcement bar is designed for promotions, flash sales, and featured updates. It displays a short, high-contrast message with a clear call-to-action button, making it easy to highlight offers like limited-time savings, free shipping, and new arrivals. The entire banner is clickable, and visitors can also use the dedicated CTA or dismiss the bar when they are done. With a dark navy background, bright accent button, and compact spacing, it suits ecommerce sites that want a clean promotional strip at the top of the page without taking over the layout.

Bar Mitzvah Announcement Bar

This dismissible floating announcement bar is designed for a Bar Mitzvah celebration and keeps the message polished, warm, and easy to read. It includes a small Mazel Tov! badge, a clear headline, supportive event copy, and a prominent call-to-action button for sharing more details. It works well for families, synagogues, and event planners who want a respectful, modern notice at the top of a page. Visitors can quickly read the announcement, tap the button to open the event details page, or close the bar when they are finished.

Shopify Announcement Bar

This centered floating announcement bar is designed for Shopify storefronts that need a simple, prominent message area. It features a bold heading and a supporting line of text, making it easy to share store updates, notices, or brief reminders without taking over the page. Built with a clean light theme and smooth typography, the bar keeps the message readable while staying visually lightweight. Visitors can quickly scan the announcement and dismiss it when they are done, making it a practical fit for storefronts that want clear communication with minimal friction.

Offer Announcement Bar

Highlight a special promotion with this offer announcement bar. It uses a bold centered floating layout, a clear headline, supportive message text, and a strong call to action to guide visitors toward the featured deal. The high-contrast color treatment helps the offer stand out without taking over the page. This template suits stores, campaigns, launches, and seasonal promotions that need a quick attention-grabbing message. Visitors can read the offer, click the button to continue to the linked page, or dismiss the bar when they are ready to browse on.

How to create a Announcement Bar widget

Choose an announcement template

Start with an announcement bar template for sales, updates, coupons, events, shipping notices, launches, alerts, or signups.

Customize content and display rules

Edit the copy, CTA, coupon, timer, colors, uploaded image background, top or bottom position, close button, schedule, page rules, and mobile visibility.

Embed it on your website

Preview the announcement bar, copy the generated embed code, and place it on pages where visitors should see the message.

Learn more

Create announcement bars for every campaign

Explore announcement templates

Use templates for sale, product, store opening, free shipping, news, update, Black Friday, Christmas, coupon, event, webinar, birthday sale, community, lead capture, policy, minimal, floating bottom, inline info, and service alert announcements.

Add actions and urgency

Show CTA buttons, text links, clickable bars, coupon codes, countdown timers, and separators so visitors can act from the announcement.

Control placement and targeting

Choose top, bottom, or inline placement, enable the close button, show the bar on selected devices, schedule campaign windows, and match page URLs when the embed referrer is available.

Match your site design

Customize colors, gradients, uploaded image backgrounds, brightness, typography, padding, spacing, button styling, responsive sizes, branding, and scoped custom CSS.

How to embed your Announcement Bar into WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Why Jotform Website Widgets stand out

Jotform’s widgets make your website more interactive and increase conversions. There are many tools available, from star ratings and testimonial sliders to social proof popups and media embeds. Add widgets to your forms or landing pages to collect data, display proof, and capture leads — no coding required.

Embed widgets without coding

Add Jotform widgets to your website with a simple embed code. Customize the widget, preview how it looks, and paste it into any page that supports custom HTML or embed blocks, all without a developer.

Build more interactive pages

Use Jotform Website Widgets to collect leads, show customer feedback, display social proof, embed media, or add helpful web page tools. Each widget helps visitors interact with your business directly from your website.

Get support when you need it

If you need help setting up, customizing, embedding, or troubleshooting your widget, Jotform’s customer support team is available 24-7. You can move forward with confidence, knowing that help is there when you need it.

Where to use your Announcement Bar widget

Use an announcement bar anywhere visitors need a timely, visible message without interrupting the page.

E-commerce stores to promote discounts, free shipping, coupon codes, limited-time deals, and seasonal campaigns.

Product and launch pages to announce new features, collections, waitlists, product drops, or service updates.

Event and webinar pages to drive registration with CTA buttons, links, and countdown timers.

Blogs and content hubs to highlight newsletter signup, recent news, policy changes, or related offers.

Support and status pages to show service alerts, holiday hours, maintenance windows, or important notices.

Convert leads into paying customers with the Jotform Form Builder

Turn engagement into action with Jotform. Create powerful forms that capture leads, collect payments, and automate responses, all in one place. Every submission lands in your Jotform Inbox, where you can follow up or connect with your favorite apps.

Get Started — It’s Free!

FAQ

What is an Announcement Bar widget?
An Announcement Bar widget displays a short message at the top, bottom, or inline area of your website so visitors can see promotions, alerts, updates, or calls to action.
How many templates are included?
Can visitors close the bar?
Can I schedule when it appears?
Can I use page display rules?
Can I add coupons or countdowns?