Skip to main content

Star Rating Badge

Install and configure the Star Rating Badge block to add inline, customizable star ratings to product and shop pages.

Updated this week

Enable the Reviewsion App Embed

Before using any Reviewsion blocks, make sure the app embed is enabled in your theme.

  1. Go to Online Store > Themes, then click Customize.

  2. In the left sidebar, click App embeds.

  3. Find Reviewsion in the list and toggle it on.

  4. Click Save.

Product Reviews vs Shop Reviews

This block can show reviews from either a specific product or from the shop.

  • If added to a product page, that product is auto-selected as the review source.

  • You can override this and choose a different product manually.

  • If no product is selected, shop-level reviews will be displayed instead.

  • This allows you to display reviews from one product’s page on another product’s page, or anywhere else on your storefront.

Plan Access

This block is included in all Reviewsion plans.

What is the Star Rating Badge Block?

The Star Rating Badge displays the average rating and review count in a compact, icon-based format. It’s designed to fit cleanly beside product titles, prices, or CTAs—making it an effective visual trust signal in high-impact areas.

Recommended Placement

Reviewsion recommends placing the Star Rating Badge:

  • Next to product titles on product detail pages

  • Inside buy box areas, close to pricing or add-to-cart buttons

  • In collection listings to show ratings alongside product thumbnails

  • Anywhere you're referencing a product or the brand and want to show the average rating

️ How to Add the Star Rating Badge Block

  1. In your Shopify Admin, go to Online Store > Themes

  2. Click Customize next to your active theme

  3. Choose the page type where you want to add the block (e.g., Product page, Collection page, etc.)

  4. In the left sidebar, click Add Block, then select Reviewsion – Star Rating Badge

  5. Drag the block into position in your layout

  6. Click the block to open settings and configure its appearance

️ Block Settings

Setting

Description

Product

Select a product to display its star rating. If none is selected, shop-level reviews will be shown.

Dark

Toggle to enable dark mode.

Margin top

Adjust the top margin of the block (in pixels).

Margin bottom

Adjust the bottom margin of the block (in pixels).

Padding top & bottom

Adjust the vertical padding of the block (in pixels).

Section padding sides

Adjust the horizontal padding of the block (in pixels).

Star width

Set the size of the star icons (in pixels).

On click, automatically scroll to...

Select a destination for auto-scroll behavior when the badge is clicked (e.g., first review block).

Distance from the top where scroll stops

Set the scroll offset from the top of the page (in pixels).

Show count

Toggle to display the number of reviews alongside the star rating.

Did this answer your question?