✅ Step 1: Open the Hoppy Announcement App
1️⃣ Go to Shopify Admin → Apps → Hoppy Announcement Bar.
2️⃣ In the Content tab, choose the Announcement type you want to display (e.g., Simple announcement, Running line announcement, Multiple rotating announcements).
3️⃣ Set Start & End Date ⏳ for the announcement bar
✅ Step 2: Customize Your Announcement Bar
4️⃣ Enhance Your Announcement Bar
📢 Enter Your Message
- Add text for promotions, offers, or updates.
🎨 Customize the Look & Feel
- Change font size, colors, and styles to match your brand.
🔗 Add a Call-to-Action (CTA) Button (Optional)
- Enter a link (e.g., product page, offer page) to direct customers.
5️⃣ Now, go to the Design tab to customize the announcement bar.
-
Select a color template, change the background, change Border styles, adjust the font, and modify button colors, and add animation style.
✅ Step 3: Navigate to the Placement tab
6️⃣ Choose where you want the announcement bar to be displayed. Here, you will see three options at the top:
- Time-on-Site Targeting ⏳ – Choose from the dropdown to either "Always Show" or "Show After a While" when a visitor arrives on your website.
-
Select a Display Position 📍 – Choose where to display the announcement bar on your website from the dropdown.
-
Select Pages to Display the Bar 📄 – Choose which pages should show the announcement bar using the dropdown.
✅ Step 4: Publish and Verify the Announcement Bar.
7️⃣ Click Save & Publish 💾 to activate the announcement bar.
8️⃣ Refresh your store to ensure it displays correctly.
9️⃣ If necessary, return to the Hoppy Announcement Bar app and make adjustments.
🎉 That’s it! Your announcement bar is now live! 🚀