📢 Announcement Bar Widget
Show messages at the top of your website for important news, special offers, or updates. This bar remains visible without disrupting other content.

1. Start with a Template

• 🌟 Ready-to-use designs: Simple Bar, Free Shipping, Limited Offer
• 🖱️ Click "Continue with this template" to edit your bar.

2. Use the Editing Tabs
After selecting a design, you'll see three tabs:

• 📝 Content: Add your message and button
• 🎨 Style: Customize the appearance
• ⚙️ Settings: Configure visibility and timing

3. Set Up Your Announcement Bar

• Content Tab:
  • Headline: Main message (e.g., “Free Shipping Over $50”)
  • Button Text: Action button (e.g., “Shop Now”)
  • Conditions: Any limits or special terms (e.g., “Only this week”)
• Style Tab:
  • Colors: Background, text, and button colors
  • Fonts: Customize text style and size
  • Position: Bar stays at the top
  • Animation: Slide or fade effects for attention
• Settings Tab:
  • Show Delay: Set a delay before it appears
  • End Time: Specify when to stop showing
  • Custom Code (Optional): Add special styling
  • Choose visibility on all pages or select ones.

💡 Helpful Tips

• Use Content for messaging
• Use Style for design consistency
• Use Settings for timing and visibility
• Always click "Save" after making changes!