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.

in my previous message i shared a video clip with you , here it goes again https://streamable.com/vl0bgc?src=player-page-share

1 Like