Announcement Bar Widget

Create Your Own Announcement Bar Widget in Seconds for Your Website

Build top, bottom, floating, or inline bars for sales, shipping notices, launches, events, webinars, coupons, alerts, and signup campaigns. Customize content, behavior, targeting, styling, responsive display, and advanced code settings in a no-code builder.

Create Your Announcement Bar Widget - It's Free!
Create Your Own Announcement Bar Widget in Seconds for Your Website Hero Bg Image

How to embed Announcement Bar Widget to WordPress

1Get your Embed Code

Customize 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

Use 19 Ready-Made Announcement Templates

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

Templates include:

SaleFree shippingBlack FridayWebinarService alert
Create Your Widget
Use 19 Ready-Made Announcement Templates

Add Buttons, Links, Coupons, and Timers

Guide visitors from the announcement to action with CTA buttons, text links, clickable bar areas, coupon codes, countdown timers, and separators.

Action controls include:

CTA buttonClickable barCoupon codeCountdown timerSeparator
Add Buttons, Links, Coupons, and Timers

Control Position, Schedule, and Visibility

Place the announcement at the top, bottom, or inline with the page. Enable close behavior, schedule campaign windows, select devices, and match page URLs when referrer data is available.

Behavior controls include:

Top barBottom barClose buttonScheduleURL rules
Control Position, Schedule, and Visibility

Customize Colors, Media, and Responsive Style

Set solid colors, gradients, uploaded image backgrounds, brightness, spacing, typography, button colors, mobile sizing, Jotform branding, and scoped custom CSS.

Style controls include:

ColorsGradientUploaded imageCustom CSS
Customize Colors, Media, and Responsive Style