| 1 |
# Announcement / Promo Bar |
| 2 |
|
| 3 |
Sticky top/bottom bar for announcements, promos, or notices with CTA and close button. |
| 4 |
|
| 5 |
## Free features |
| 6 |
- Position top or bottom; sticky on scroll. |
| 7 |
- Badge, title, description, CTA button, close button. |
| 8 |
- Styling: background, border, shadow; text/badge/button typography and colors; padding. |
| 9 |
- Close hides the bar (localStorage) with simple conditions placeholder. |
| 10 |
|
| 11 |
## Pro features |
| 12 |
- Display conditions: page/path, UTM parameters, schedule (start/end). |
| 13 |
- Persistent close with expiration, device targeting. |
| 14 |
- Countdown timer, button icon, animations, bottom-sheet style. |
| 15 |
- Extra spacing/offset controls and advanced styling. |
| 16 |
|
| 17 |
## How to use |
| 18 |
1. Add **Announcement / Promo Bar**. |
| 19 |
2. Fill badge/title/description and CTA text/link. |
| 20 |
3. Choose position (top/bottom) and sticky on scroll. |
| 21 |
4. Style background/border/shadow, badge/text/button. |
| 22 |
5. (Pro) Set conditions (paths, UTM), schedule, device targeting, countdown, and close persistence. |
| 23 |
|
| 24 |
|
| 25 |
|
| 26 |
|
| 27 |
|
| 28 |
|
| 29 |
|
