✅ Step 1: Open the Hoppy Announcement Bar App
1️⃣ Go to Shopify Admin → Apps → Hoppy Announcement bar app.
2️⃣ Click on Create Announcement Bar to start fresh – OR –
Click Edit next to an existing announcement bar you want to update.
– OR –
✅ Step 2: Go to the “Placement” Tab
3️⃣ On the top menu of the announcement bar editor, click the “Placement” tab.
4️⃣ This is where you can control where the bar is shown on your store.
✅ Step 3: Choose Where You Want the Bar to Appear
5️⃣ Scroll down within the Placement tab until you see a section labeled “Select pages to display the bar”.
Here, you'll find options to control page visibility.
Every Page 🌍: This option will display the announcement bar on all pages of your store. (Ideal for global promotions or important store-wide announcements.)
Homepage Only 🏠: Use this option if you want the bar to show only on your store’s homepage. (Great for welcoming messages, limited-time banners, or first-time visitor alerts.)
All Product Pages 🛍️: This will make the announcement bar appear on all individual product pages of your store. (Perfect for product-specific offers or trust-building messages.)
Specific Product Pages 🎯: This lets you display the bar only on certain product pages you choose.
➡️ Next step:
Click on the “Select Products” button that appears below this option to pick the exact product(s) from your store.
All Products in Specific Collection 🌟: If you want to display the bar only on products within a specific collection, select this option.
➡️ Next step:
Click on the “Select Collection” button that appears below this option to choose which collection(s) to apply it to.
All Collection Pages 📂: Use this option to show the bar on all collection pages (category pages), where customers browse grouped products.
Specific Collection Pages 🧩: This allows you to display the announcement bar on only the collection pages you select.
➡️ Next step:
Click on the “Select Collection” button that appears below this option to choose your desired collection(s).
✅ Step 4: Save and Publish the Bar
6️⃣ Once your placement settings are done, click “Save” to apply your changes.
7️⃣ Visit the pages you targeted to make sure the bar appears as expected.
🎉 That’s it! Your Announcement Bar is now visible on selected pages only!