How can I display real-time review scores in my announcement bar?

Technical Q&A
,

Topic summary

Goal: display a real-time review score (from an external review partner) inside the Shopify announcement bar, ideally alongside a slider. The requester already has code to fetch the score.

Context: The helper asked for the site URL (and password if protected). The site link was provided.

Proposed approach: Edit the announcement-bar.liquid section to allow Liquid code instead of plain text.

  • Render the block content with: {{ block.settings.text }}
  • In the section schema, add a block of type “liquid” with id “text” and a default value (e.g., “Welcome to our store”). This enables entering Liquid in the theme editor that can output the fetched review score.

Artifacts: A screenshot was shared to indicate where to modify the code, but the essential instructions were also provided in text.

Status and gaps:

  • No confirmation yet that the change works or that the real-time score is rendering.
  • Slider integration was not addressed in the provided guidance.
  • The discussion appears open, pending implementation/testing and any follow-up for the slider behavior.
Summarized with AI on February 4. AI used: gpt-5.
1

Hello,

I’m looking for a way how, instead of just text, you can do something like codes in your announcement bar. In this case, I want to have a code in it that retrieves and displays my review score in real time. And that in combination with a slider

I already have the code to retrieve the review scores from my review partner.

2

Hi @PyroProducts ,

Please send your site and if your site is password protected, please send me the password. I will check it.

3

https://www.pyroproducts.nl/

4

Hi @PyroProducts ,

Please go to announcement-bar.liquid file and change code here:

Screenshot.png
Screenshot.png1561×812 43.8 KB

Code:


    {{ block.settings.text }}


{
          "type": "liquid",
          "id": "text",
          "default": "Welcome to our store",
          "label": "t:sections.announcement-bar.blocks.announcement.settings.text.label"
},

Hope it helps!