Announcement Bar

Announcement Bar Widget

The Announcement Bar widget lets you show a message at the top of your website. It’s a great way to share important news, special offers, updates, or anything else you want visitors to see right away. The bar stays at the top of the page and helps you get more attention without interrupting the rest of your site.

1. Start with a Template

What you’ll see:

• Ready-to-use designs like Simple Bar, Free Shipping, or Limited Offer

• A Continue with this template button

What to do:

• Click on the design you like

• Then click Continue to start editing your bar

2. Use the Editing Tabs

After picking a design, you’ll see three tabs:

1. Content – Add your message and button

2. Style – Change the look of your announcement

3. Settings – Control when and how it shows up

3. Set Up Your Announcement Bar

Content Tab

Add your main message and actions:

• Headline – Write your main message (e.g., “Free Shipping Over $50”)

• Button Text – Add a button (e.g., “Shop Now”)

• Conditions – Mention any limits or special terms (e.g., “Only this week”)

Everything is easy to update—no special skills needed.

Style Tab

Adjust how the bar looks:

• Colors – Pick your background, text, and button colors

• Fonts – Choose how the text looks (style and size)

• Position – The bar stays at the top of the page

• Animation – Make it slide or fade in for more attention

This helps your message match your website’s design.

Settings Tab

Control how and when the bar appears:

• Show Delay – Make the bar appear after a few seconds

• End Time – Choose a day or time for it to stop showing

• Custom Code (Optional) – Add extra styling if you want something special

You can also choose whether the bar shows on all pages or just certain ones.

Helpful Tips

• Use Content to write your message and button

• Use Style to make it look good with your website

• Use Settings to decide when and where it shows

• Always click "Save" after you make changes!