The Reviews Sidebar puts a small Reviews button on the edge of your pages. A click slides in a panel with reviews from across your store, ready to search, filter and sort, without leaving the page the shopper is on.
Shows on: All pages, product pages only, or the home page only
Add it from: Settings ▸ Widgets ▸ Reviews Sidebar ▸ Add to theme
Needs: The Quoli Core Script app embed
Plans: Every plan
Switch it on
The Reviews Sidebar is an app embed: you switch it on once and the button shows across your store, with no block to place.
In Quoli, open Settings ▸ Widgets and find Reviews Sidebar.
Click Add to theme. Your theme editor opens at App embeds with the Reviews Sidebar switched on.
Click Save.
The Rating Badge and the Trust Bar open this same panel when clicked, even if the Reviews Sidebar isn't switched on. They open it on all your reviews, so its rating and count match theirs.
The button
Pick its look under Style, the edge it sits on and how high.
The panel
➀ All reviews, Product reviews and Store reviews. Three tabs when Show store reviews tab is on. The sidebar's own button opens on Product reviews, then on the tab the shopper last chose. Off, the panel shows product reviews only.
➁ Your rating. The average of the reviews shown, the rating bars, your featured attribute and the share who would recommend.
➂ Customer photos and videos. From every review. Each one opens its review.
➃ Search, filters and sort. The same as on your product pages.
➄ Close. Or press Escape, or click outside the panel.
Under them, the reviews themselves, each product review naming the product it's about. A click on a review opens it in full, with your reply.
On phones
The panel opens as a full-screen sheet.
Settings
Open App embeds in your theme editor and select Reviews Sidebar to change these. Colors and fonts come from Settings ▸ Brand in Quoli.
Button
Style. Tab on the edge, pill or round button. Default: Tab on the edge.
Edge. Right or left side of the page. Default: Right.
Vertical position. Top, middle or bottom. Default: Middle.
Distance from edge. 0 to 200 px. Default: 0 px.
Vertical offset. Moves the button from its top, middle or bottom spot, 0 to 400 px. Use it to clear a chat button. Default: 0 px.
Show on. All pages, product pages or the home page. Default: All pages.
Header
Show store reviews tab. Shows three tabs: All reviews, Product reviews and Store reviews. Default: Off.
Show rating distribution. The rating bars. Default: On.
Show attribute scale. The average of your featured attribute. Default: On.
Show recommendation percentage. The "would recommend" line. Default: On.
Show media slider. The customer photos and videos. Default: On.
Reviews
Reviews per page. Shown at first, and added each time a shopper taps Show more, 3 to 48. Default: 36.
Default sort. Most recent, Most useful, Highest rated, Lowest rated or Oldest. Default: Most recent.
Search, filters and cards
Show search, Show filters, Show sorting. The search box, the Filters button and the sort menu. Default: On.
Show verified badge. Verified buyer beside the name. Default: On.
Show Useful button, Show Share button. Useful and Share on each review in the panel. Default: Off.
Add it with code
To place it yourself, paste the sidebar into your theme layout. The code is in Settings ▸ Widgets ▸ Reviews Sidebar ▸ Instructions, with a Copy code button.
<quoli-sidebar
product-id="{{ product.id }}"
merchant-id="{{ shop.permanent_domain }}"
api-base="/apps/quoli"
data-product-name="{{ product.title | escape }}"
data-product-handle="{{ product.handle | escape }}"
></quoli-sidebar>Keep the Quoli Core Script app embed on. Pasted code uses the default settings above.
💡 Tip: Already using a Rating Badge or Trust Bar? Leave their On click on Open reviews sidebar, and switch the sidebar's own button to Product pages to keep your home page clean.