Announcement Carousel Widget

Create Your Own Announcement Carousel Widget for Your Website

Build a sticky announcement bar that rotates through promotions, announcements, signup prompts, coupon codes, campaign links, and important website updates.

Create Your Announcement Carousel Widget
Create Your Own Announcement Carousel Widget for Your Website Hero Bg Image

How to embed Announcement Carousel Widget to 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.

Add and Organize Announcement Items

Create a list of announcement messages and keep only the active items enabled. Use sample announcements to get started, then replace them with your own campaign copy.

Content controls include:

Message textCTA typeEnable itemEmpty state
Create Your Widget
Add and Organize Announcement Items

Support Links, Coupons, and Message-Only Notices

Send visitors to a campaign URL, let them copy a coupon code, or show a no-CTA notice for updates that do not need a click.

CTA options include:

Open URLCopy couponNo CTANew tab
Support Links, Coupons, and Message-Only Notices

Control Rotation, Placement, and Dismissal

Place the bar at the top or bottom, enable sticky mode, set the rotation interval, show navigation controls, add pause/play, and decide how close-state memory works.

Display controls include:

Top or bottomSticky modePause/playRemember close
Control Rotation, Placement, and Dismissal

Style the Bar to Match Your Website

Set background, text, and CTA colors, choose font size and padding, adjust bar height, align text, and add scoped custom CSS when you need more control.

Style controls include:

ColorsFont sizePaddingAnimation
Style the Bar to Match Your Website