Announcement Bar for Breakdance
A promo strip for the top or bottom of the page. Rotate several messages, run a countdown, schedule start and end times, and remember when a visitor closes it.
This is the real element, running with its sample content.
Add as many messages as you need, each with its own link and optional icon. They rotate on a timer you choose.
Show a live countdown to a date, or set a start and end time so the bar switches itself on and off.
A visitor who dismisses the bar stays dismissed for the number of days you set. Change the Bar ID to show it to everyone again.
Sends clicks and dismissals to dataLayer or gtag, and can wait for a consent cookie first.
Add it to your page in 3 steps
Open your page in Breakdance
In WordPress, go to Pages, hover over your page and click Edit with Breakdance.
Open the element panel
Click the plus button at the top left, then open the BreakUI Pro group and find Announcement Bar.
Drag it into your layout
Drop it into a section or container. It loads with sample content so you can see it working right away.
What it looks like in the editor
Real screenshots from the Breakdance editor. Select the element, then use the Content tab for your data and the Design tab for the look.
The main settings
Select the element in Breakdance. Everything lives in two tabs.
Your text, items, links and behavior. Change the sample content and you are done.
Colors, typography, borders, spacing and layout, with the normal Breakdance controls.
Set the width in percent, pixels, em, rem, vw or vh, plus max width, min width and alignment.
See it in action
Real renders of the element with different settings.
Countdown on, rotation off
Style it your way
The Design tab has these groups. Everything uses the normal Breakdance design controls.
To show the bar again to everyone who closed it, change the Bar ID.
Times use the visitor's own clock, so write them as YYYY-MM-DD HH:MM.