웹사이트 위젯

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 your Announcement Carousel into WordPress

1Get your embed code

After customizing your Jform 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 Jform 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:

색들Font sizePaddingAnimation
Style the Bar to Match Your Website