The Nuggets Slider puts one short line from a real review right above your Add to cart button, where shoppers decide. Each nugget is a customer's own words, with their stars and name, and the slider steps through your best ones.
Shows on: Product pages, above the buy buttons
Add it from: Settings ▸ Widgets ▸ Nuggets Slider ▸ Add to theme
Needs: The Quoli Core Script app embed, and published nuggets for the product
Plans: Growth and up
Add it above your buy buttons
In Quoli, open Settings ▸ Widgets and find Nuggets Slider.
Click Add to theme. Your theme editor opens on the product template with the block added to your product information.
Drag it just above the buy buttons and click Save.
A product with no published nuggets shows nothing, so the block is safe to add to every product. Nuggets not showing on a product page? Check that the product has published nuggets, and that your plan includes Nuggets.
What shoppers see
➀ Photo or video. From the review the nugget comes from. Videos play muted.
➁ Rating and date. The review's stars and when it was written.
➂ Who said it. The reviewer's name, with Verified buyer when the review is matched to an order.
The line itself is the nugget, in the customer's own words. Arrows step through the nuggets, and the slider moves on by itself every few seconds, holding while a shopper points at it. A click on a nugget opens the full review with that line highlighted.
On phones the card keeps the same layout, and shoppers swipe between nuggets.
Where the nuggets come from
You choose them in Nuggets in Quoli: publish a line from any 4 or 5 star review, or publish one of QI's suggestions in a click. Only published nuggets reach your store.
Under Placement rules in Nuggets, two display rules shape the slider:
Most nuggets per product. How many each product page shows, or Unlimited. Default: 5 nuggets.
Order. Newest first leads with the latest. Manual order follows the order you arrange for each product with Arrange order in Nuggets. Default: Newest first.
Block settings
Select the block in your theme editor to change these. Colors and fonts come from Settings ▸ Brand in Quoli.
Card
Show reviewer name. The name under each nugget. Default: On.
Show verified badge. Verified buyer beside the name. Default: On.
Show star rating. The review's stars. Default: On.
Show photo or video. The review's photo or video. Videos play muted. Default: On.
Show review date. When the review was written. Default: On.
Reviews
Show highlights from. All reviews, or Reviews with photo or video. Default: All reviews.
Motion
Auto scroll. Moves to the next nugget by itself, and holds while a shopper points at it. Default: On.
Auto scroll speed. Seconds on each nugget, 2 to 10. Default: 5 s.
Spacing
Top padding, Bottom padding. Space above and below the block, 0 to 40 px. Default: 0 px each.
Add it with code
On a theme without app blocks, paste the slider in yourself. The code is in Settings ▸ Widgets ▸ Nuggets Slider ▸ Instructions, with a Copy code button.
<quoli-nuggets-slider
product-id="{{ product.id }}"
merchant-id="{{ shop.permanent_domain }}"
api-base="/apps/quoli"
></quoli-nuggets-slider>Paste it into a Custom Liquid block above your buy buttons, or into the product template's code.
Keep the Quoli Core Script app embed on.
Pasted code uses the default settings above.
💡 Tip: Pick nuggets that answer the doubt shoppers have right before they buy: how it feels, how fast it works, whether it suits their skin. The Opportunities list in Nuggets shows your glowing reviews that don't have one yet.