Displaying reviews

FiveOh’s app blocks put your reviews and ratings on the storefront without code. You place them in the Theme Editor like any other block, and they render with Liquid on the server, so reviews are in the page from the first byte.

Every block works with its defaults. When you want it to look different, you can change its settings, its texts in every language, its CSS, and finally its Liquid. See Customising blocks.

Placing a block

The App blocks page in the app lists every block with an Open in Theme Editor button that opens the right template. You can also add them yourself: in the Theme Editor, click Add block in a section and choose a block from the Apps tab. Save the theme when you are done.

Before placing any block, turn on the FiveOh Core app embed. It loads the script behind load more, filters and the forms, and adds your reviews to the structured data for search engines.

The blocks

The blocks follow a shopper’s way through your store, from the first impression to the review after the purchase.

First impression: homepage and every page

1. Rating Bar: a full-width strip with your store’s rating and an optional logo.
2. Floating Badge: a compact rating badge, inline or pinned to a corner of the screen.
3. Reviews Slider: a carousel of reviews with a summary tile.

Browsing: collections and search

1. Product Card Ratings: stars on product cards in collections, search and the cart drawer.
2. Rating filters: a “4 stars and up” filter, with Shopify’s Search & Discovery app.

Deciding: the product page

1. Product Rating: stars and review count next to the product title.
2. Trust signals: one line of proof close to the add-to-cart button, like units sold or the bestseller rank.
3. Review List: the full list with rating summary, search, sort, star filters and load more.
4. Review Form: lets shoppers write a review, inline or in a modal.

Buying: the checkout

1. Checkout blocks: ratings, rating shares and units sold in the checkout, on Shopify Plus.

After the purchase

1. Post Purchase Form: the page customers open from the review request email to review their order.

A good first setup

1. Product page: Product Rating around the product title, the Review List and the Review Form in the main content, and a trust signal around the add-to-cart button.
2. Collection pages and search: Product Card Ratings.
3. Homepage: a Reviews Slider or a Rating Bar.

Works everywhere

Themes load a lot of content after the page itself: predictive search, quick view, the cart drawer, infinite scroll on collections, and the Theme Editor’s live preview. FiveOh keeps working in all of them:

1. Ratings and reviews rendered in Liquid are part of the content the theme loads, so they come along without any extra step. This includes the product card ratings snippet, as long as the theme uses the same card snippet in those places.
2. Interactive parts, like load more, filters and the review form, start working as soon as they appear on the page, also when the theme inserts them later. They need the FiveOh Core app embed.

If ratings are missing in one of these places, the theme usually renders it with another snippet. See Troubleshooting.

Quick links

Open the App blocks page in the app
Open the app embeds in the Theme Editor
Demo store product page (password: demo)