The Trust Bar puts your store's overall rating in one line across the page: the stars, then "Rated 4.5 out of 5 from 613 reviews", verified by Quoli. It suits the top of your home page or your footer.
Shows on | Your home page, footer or any page |
Add it from | Settings ▸ Widgets ▸ Trust Bar ▸ Add to theme |
Needs | The Quoli Core Script app embed |
Plans | Every plan |
➀ Your store's rating. The stars, your average and the review count, from every published review: product reviews and store reviews.
➁ Verified 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 Trust Bar.
Click Add to theme. Your theme editor opens on your home page with the bar added as a new section.
Drag it where you want it, like just under your header, and click Save. It fits in your footer too: add it there from the theme editor's Add section menu.
The bar stays hidden until your store has its first published review.
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 bar just shows your rating. |
On phones
The bar wraps onto two lines: your rating first, Verified by Quoli under it.
Block settings
Colors and fonts come from Settings ▸ Brand in Quoli.
Content
Setting | What it does | Default |
Lead text | Replaces "Rated" at the start of the line, like Loved by customers. | Blank |
Show average rating | The average out of 5. | On |
Show stars | The stars. | On |
Show review count | From N reviews. | On |
Alignment | Left, center or right. | 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 | The Verified by Quoli credit: 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 bar, 0 to 40 px. | 20 px each |
Add it with code
On a theme without app blocks, paste the bar in yourself. The code is in Settings ▸ Widgets ▸ Trust Bar ▸ Instructions, with a Copy code button.
<quoli-reputation-badge
merchant-id="{{ shop.permanent_domain }}"
api-base="/apps/quoli"
data-settings='{"display":{"variant":"bar"}}'
></quoli-reputation-badge>It's the Rating Badge's code with "variant":"bar". Keep the Quoli Core Script app embed on. Pasted code uses the default settings above.
💡 Tip: Put the Trust Bar right under your header on the home page. It's the first thing new visitors read, before they've scrolled to a single product.