How do I add a Call to Action (CTA) button and a link to the announcement bar?

1️⃣ Open the Hoppy Announcement App in your Shopify Admin and Go to the Content Tab.

2️⃣ Scroll down to locate the Call to Action (CTA) Settings dropdown and click the dropdown to view the four options:

If you do not want any clickable elements on your announcement bar, simply select 'No Call to Action' from the dropdown.
The announcement bar will be displayed without any buttons or links.

💡 Use Case: Ideal for displaying simple announcements like “Enjoy 50% discount on all products” without redirecting customers to another page.

In the CTA Settings dropdown, select Button.
A new section will appear to customize the button.
Adds a clickable button to the bar. You can customize the text and link (e.g., "Shop Now" → links to a collection page/product page).

💡 Use Case: Ideal for promotions or new product launches like “🎉 New Arrivals – Shop Now.”

In the CTA Settings dropdown, select Make the entire bar Clickable.
You will see an option to add the Link of the Product Page/Collection Page.
Add the Link of the product page or collection page, where you want the customers to redirect.

💡 Use Case: Great for high-urgency campaigns like “🔥 Flash Sale – Ends Today” where you want to maximize clicks.

You’ll get the option to add the coupon code. You can also choose to show a copy button so visitors can easily copy the code, just check the box “Show Copy Button.”

💡 Use Case: Perfect for offers like “💰 Get 10% Off – Apply Code SAVE10.”

✅ Step 2: Save & Publish

3️⃣ When you're happy with your selection, click 'Save' to confirm and apply the changes.

4️⃣ Visit the store and navigate to a product page, cart page, or wherever the announcement bar is displayed.

5️⃣ Test the CTA button or clickable Bar:

🎉 That’s it! Your announcement bar now includes a CTA button or a clickable banner for better engagement! 🚀