Design Announcement Bar section with Marquee element

About Announcement Bar Element

The Announcement Bar element is a versatile tool for highlighting important messages and capturing customer attention on your website. When optimized for Conversion Rate Optimization (CRO), the Announcement Bar can help in various ways:

• Promotion and Discount Announcements: Highlight current promotions such as discounts, free shipping, or BOGO offers to encourage quick action from customers.
• Creating Urgency: Use time-sensitive messages like “Offer ends in 24 hours!” to drive immediate action and reduce hesitation.
• Sharing Important Updates: Inform customers about policy changes, delivery times, or service updates, helping them make informed decisions.
• Attracting Newsletter Sign-ups: Encourage newsletter or loyalty program sign-ups by promoting perks like discount codes.
• Guiding Navigation: Direct visitors to key pages, such as new collections or special offers, for a smoother shopping experience.

Design an Announcement Bar Section with GemPages

Step 1: Drag and Drop the Marquee Element.

The Marquee element, ideal for announcement bars, allows you to display content that scrolls horizontally. Select the text preset for an announcement bar.

Step 2: Edit Text Content.

Customize the text in the Marquee element to reflect your announcement message.

Step 3: Configure the Marquee Settings.

Right-click on any text field inside the marquee, select “Select Parent Element,” and choose the Marquee element. 

Adjust settings in the left sidebar to refine the display.

Step 4: Optimize for Mobile.

Click on mobile mode at the top bar to view the mobile version. 

Adjust the properties and width of the Marquee element to ensure it looks great on mobile devices.

For more details on configuring the Marquee Element, refer to this article.