How to Display Reviews on EComposer Pages

Author: Anna Nguyen 1313 views

Product Reviews: show star ratings and review widgets on EComposer pages

Reviews and star ratings build trust with new visitors, make your store look more credible, and help reduce returns because shoppers know what to expect. In this guide, you’ll learn how to show star ratings and a full review widget on your pages when you use a review app together with the EComposer Builder.

1. How to show the product rating on your product page

A product rating is the quick summary of customer satisfaction, usually shown as stars (for example 4.5/5) right above or below the product title. Seeing high ratings at a glance helps shoppers decide faster, so it’s worth placing them near the top of your product page.

EComposer shows your installed review apps as app blocks, so you can drop the rating block of your review app (such as Judge.me) straight onto the template.

Step 1: Open your product template in the builder, click the + icon on the left toolbar, then click Extensions.

Click the plus icon and open Extensions in the EComposer builder

Step 2: In the App blocks panel, find your review app under Installed apps. If the list is long, type review into the search box to narrow it down.

Search for your review app in the App blocks panel

Step 3: Drag the rating block of your app (for example Judge.me – Star Rating) and drop it where you want the stars to appear, usually right below the product title.

Drag the Judge.me Star Rating block and drop it below the product title

Step 4: Click Publish at the top right. In the Save template window, turn on the Publish toggle and click Save & publish, then click the Preview (eye) icon to see the stars on your page.

Click Publish and turn on the Publish toggle in the Save template window

Can’t find your review app in the list? Make sure the app is installed on your Shopify store first, then reopen the Extensions panel.

2. How to show the rating on a product grid

Product grids on your homepage, collection page or landing page can show ratings too. You only need to turn on one option in the Product Grid element and pick your review app.

Step 1: Select the Product Grid element, open the Content tab, expand Product card, and tick Use rating 3rd party app.

Tick Use rating 3rd party app in the Product card settings

Step 2: Click the settings link under that option to open the App settings window. Under Integrated third party apps, pick your app in Product review app, then click Save settings. The stars will now appear on each product card in the grid.

Choose your review app in the App settings window and save

3. How to show the review widget

The review widget is the full block of customer reviews, including the average rating, other shoppers’ reviews and a form for submitting new ones. It adds social proof and gives visitors the details they look for before buying, so it usually sits below the product description or near the bottom of the page.

Step 1: Open your product template, click the + icon, and click Extensions, then find the review widget block of your app under Installed apps.

Find the review widget block under Installed apps in the App blocks panel

Step 2: Drag the widget block and drop it below the product description, or anywhere else you like on the page.

Drag the review widget block from the App blocks panel onto your page

Step 3: Click Publish, turn on the Publish toggle in the Save template window, and click Save & publish. Then click the Preview (eye) icon to see the review form together with the reviews your customers have left.