How to connect announcement bar to pop up sign up newsletter?

Topic summary

A store owner wants to make their announcement bar clickable to trigger a Klaviyo newsletter popup.

A solution is provided involving two steps:

  • Configure the Klaviyo popup with specific settings (screenshot provided)
  • Add custom JavaScript code to theme.liquid that targets the announcement bar link and triggers the popup using the form ID
  • Add “#” as a placeholder link in the announcement bar settings to make the text clickable

A video tutorial demonstrates the implementation process. One user notes that some themes use “announcement__link” instead of “announcement-bar__link” in the code.

Open questions:

  • One user asks if this works with text box popups instead of newsletter signups (unanswered)
  • Another asks about implementing this with Shopify’s native email app instead of Klaviyo (unanswered)
  • A recent user reports the solution isn’t working for them, possibly due to having multiple announcement links, but hasn’t received a response yet
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Hey @noobnoobqestio ,

Check this link, https://vgppapercups.myshopify.com/ do you want to achieve this ? if you click the announcement bar then Klaviyo from will popup. store password is vgp

1 Like