The Rating Badge shows your store's overall rating in a small card: the stars, your average out of 5 and how many reviews it's based on. Put it in your header, your footer or beside the buy button, so shoppers see the proof on every page.
Shows on | Any page: header, footer, home page or product page |
Add it from | Settings ▸ Widgets ▸ Rating Badge ▸ Add to theme |
Needs | The Quoli Core Script app embed |
Plans | Every plan |
➀ Your store's rating. The stars, your average out of 5 and the review count, from every published review: product reviews and store reviews.
➁ Powered by Quoli. Show the logo and name, the logo only, or hide it. Your choice on every plan.
Add it to your theme
In Quoli, open Settings ▸ Widgets and find Rating Badge.
Click Add to theme. Your theme editor opens with the badge added as a new section.
Drag it where you want it and click Save. It also fits in your header or footer: add it there from the theme editor's Add section menu.
The badge stays hidden until your store has its first published review, so it never shows "0 reviews".
What a click does
Choose under On click in the block.
On click | What happens |
Open reviews sidebar (default) | The Reviews Sidebar slides in with your reviews. It works even if you haven't added the sidebar to your theme. |
Go to reviews page | Opens the page you enter under Reviews page, usually your All Reviews Page. |
Not clickable | The badge just shows your rating. |
Make it yours
Add a line above the stars with Lead text, and pick how the Quoli credit shows. Here with Loved by customers and the logo only:
Turn off the average, the stars or the count to keep it even smaller. Colors and fonts come from Settings ▸ Brand in Quoli.
Block settings
Content
Setting | What it does | Default |
Lead text | An optional line above the stars, like Loved by customers. | Blank |
Show average rating | The average out of 5. | On |
Show stars | The stars. | On |
Show review count | Based on N reviews. | On |
Alignment | Left, center or right in its section. | Center |
Link
Setting | What it does | Default |
On click | Open reviews sidebar, go to reviews page, or not clickable. | Open reviews sidebar |
Reviews page | The page a click opens, when On click is Go to reviews page. | Blank |
Branding
Setting | What it does | Default |
Powered by Quoli | Logo and name, logo only, or hidden. | Logo and name |
Spacing
Setting | What it does | Default |
Top padding, Bottom padding | Space above and below the badge, 0 to 40 px. | 20 px each |
Add it with code
On a theme without app blocks, paste the badge in yourself. The code is in Settings ▸ Widgets ▸ Rating Badge ▸ Instructions, with a Copy code button.
<quoli-reputation-badge
merchant-id="{{ shop.permanent_domain }}"
api-base="/apps/quoli"
></quoli-reputation-badge>Paste it anywhere in your theme, like your header or footer, and keep the Quoli Core Script app embed on. Pasted code uses the default settings above.
💡 Tip: For a full-width strip on your home page or footer instead of a card, use the Trust Bar. It shows the same rating in one line.