Announcement Bar

The Announcement Bar Widget is a foundational tool for communicating critical information to your customers without interrupting their shopping flow. It's perfect for highlighting current promotions, sharing shipping updates, or announcing restock alerts store-wide.

Attribute	Description
Widget Name	Announcement Widget
Core Purpose	Displays a persistent, customizable message across the store to inform customers of promotions, alerts, or important updates.
Where It Works	Cart, Webpage (all store pages), and Checkout (Plus merchants).
Key Features	Persistent, non-intrusive display; fully customizable messaging and color; option to include a clickable link to a specific URL.
Limitations	Messages must be kept short due to limited bar space. Advanced scheduling requires external tools (like Flow or API).

Step-by-Step Widget Creation

Follow these steps to set up and customize your Announcement Bar:

1. Initial Widget Selection

Click Create Widgets in your Dynamatic dashboard.
On the "Add New Widgets" page, fill in the Widget Title (e.g., "Holiday Shipping Alert") and a short description.
Search for and select the Announcement Widget from the template list.
Click Next.

2. Content Configuration

You will land on the main customization page. Start in the Content section:

Layout: Customize the layout structure, which typically includes options for displaying text and icons.
Message Text: Enter the specific announcement message you want customers to see. Keep it clear and concise.
Link: Provide a clickable URL to direct customers to a relevant page (e.g., a promotions landing page or shipping policy).³After customizing the message and link, click Save Changes.

3. Style Customization

Navigate to the Style tab to control the visual appearance of the bar:

General Options: Adjust fundamental design elements.
Color Control: Choose the background color and the text color to maximize visibility and match your store's theme.
Typography: Customize font size and font weight for impact and readability.

4. Advanced Refinements

Use the Advanced tab for final display controls:

Device Setting: Specify whether the widget should be visible on desktop, mobile, or both.
Custom CSS: Input custom CSS for highly specific styling that goes beyond the standard options.

Once satisfied with your settings, click Save Changes. Your Announcement Bar is now complete and ready to be connected to a Placement (Zone) via a Campaign/Experience to go live!

Publishing Your Configured Widget Live

This following documentation section provides the final, detailed steps required to publish your fully configured widget and make it visible to customers on your live storefront.

01. How to successfully setup a widget

02. Understanding and Creating Audiences

03. Creating Placements and Zones

04. Campaigns

05. Displaying Your Widgets on the Storefront