The All Reviews Page gives your store one page with every published review: your overall rating, your customers' photos and videos, and the reviews themselves, ready to search, filter and sort. Link it from your menu or footer, and from the Rating Badge and Trust Bar.
Shows on | A page of its own, like yourstore.com/pages/reviews |
Add it from | Settings ▸ Widgets ▸ All Reviews Page ▸ Instructions |
Needs | The Quoli Core Script app embed |
Plans | Every plan |
Set up your reviews page
It takes a page template and a page. The same steps are in Settings ▸ Widgets ▸ All Reviews Page ▸ Instructions.
In your theme editor, open the template menu at the top, choose Pages, then Create template. Name it All Reviews, based on Default page.
In that new template, click Add section, choose All Reviews Page, remove any leftover sections, then click Save.
In your store admin, open Online Store ▸ Pages and click Add page. Title it Reviews.
Under Template, pick the All Reviews template you just made, then click Save.
Then add the page to your menu or footer, and point the Rating Badge and Trust Bar's On click to it.
Add to theme in Settings ▸ Widgets puts the section on your default page template instead, which every page uses. A template of its own keeps it on your reviews page only.
What shoppers see
The top of the page
➀ Your heading. Our Happy Customers by default, with an optional line under it.
➁ Your rating. The average from every published review, the rating bars, your featured attribute and the share who would recommend.
➂ Customer photos and videos. The latest ones, with +N for the rest. Each one opens its review.
➃ Search, filters and sort. The same as on your product pages.
Review cards
Reviews fill three columns on wide screens and one on phones. Show more reviews at the bottom loads the next set.
➀ Reviewer, rating and date. Their photo or initials, name and Verified buyer, then the stars and when they wrote it.
➁ Title and review. Long reviews are cut short. A click opens the full review in a popup.
➂ Photos and videos. The review's own.
➃ Their answers. Your product questions, like how effective it was and whether they recommend it.
➄ The product. Linked to its page, so a shopper can go straight to it.
On phones
On phones the summary stacks in one column, the photos sit four across under it, and the reviews follow.
Stars in search results
With Add search rich-snippets on (the default), the page tells search engines your store's rating and reviews in a format they read, so your stars can show beside the page in search results. You don't need to add anything else.
Block settings
Select the section in your theme editor to change these. Colors and fonts come from Settings ▸ Brand in Quoli.
Header
Setting | What it does | Default |
Banner heading | The page's title. | Our Happy Customers |
Sub-heading | An optional line under it. | Blank |
Show rating distribution | The rating bars. | On |
Show media slider | The customer photos and videos beside the rating. | On |
Show attribute scale | The average of your featured attribute. | On |
Show recommendation percentage | The "would recommend" line. | On |
Show store reviews tab | Splits the page into Product reviews and Store reviews tabs. Off shows both together. | Off |
Reviews
Setting | What it does | Default |
Reviews per page | Shown at first, and added with each Show more reviews, 8 to 48. | 24 |
Default sort | Most recent, Most useful, Highest rated, Lowest rated or Oldest. | Most recent |
Show | All reviews, with media, videos only or text only. | All reviews |
Show filters and search | The search box, filters and sort. | On |
Show verified badge | Verified buyer beside the name. | On |
Show product name | The product link on each card. | On |
Add search rich-snippets | Lets search engines read your rating and reviews. | On |
Add it with code
On a theme without app blocks, paste the page widget into a page template yourself. The code is in Settings ▸ Widgets ▸ All Reviews Page ▸ Instructions, with a Copy code button.
<quoli-all-reviews
merchant-id="{{ shop.permanent_domain }}"
api-base="/apps/quoli"
store-name="{{ shop.name | escape }}"
></quoli-all-reviews>Keep the Quoli Core Script app embed on. Pasted code uses the default settings above.
💡 Tip: Link the page from your footer as Reviews and from your Trust Bar. Shoppers who want proof before buying know exactly where to find it.