Product Reviews App Navigation Guide

This document helps you quickly find and manage settings across our Product Reviews app. It provides clear, step-by-step navigation paths so you know exactly where to go if you are looking for a specific setting inside the app.

Instead of searching through menus, you can use this reference to locate settings related to the app such as colors, options, and other settings. Each setting is listed in the same order you’ll see in the Product Reviews app, making it easier to follow along and make changes with confidence.


Who This Document Is For

This document is intended for:

  • Store owners and administrators configuring the Product Reviews app

Product Reviews > Settings > Reviews Widget

  1. General Section:
Setting Title Description Type Options (if available)
Star Shape choose from 3 available star shape options Option Rounded Corners, Pointed Corners, Hearts
Star Color set the star color Color Palette
Sort Order set the order of the reviews displayed by the Product Page Reviews Option Newest First, Photos first, Photos & Text First, Verified Buyers First
  1. Product Page Layout
Setting Title Description Type Options (if available)
Product Page - Reviews Layout Layout of the Product Page Reviews Option Grid View, List View
Show rating filter bars

Display a breakdown of all reviews using progress bars at the top of the reviews list, allowing easy filtering.


Checkbox
Show review box for products with zero reviews If unchecked, Product Page Reviews will only be shown on products that have reviews Checkbox
Hide the Product Reviews Main Widget on the product page Check this option if you want to use other Product Reviews widgets (like Carousel) while hiding the Main Widget from the product page. However, this won't hide the widget if placed via Shopify Editor. Checkbox
  1. Number of reviews on product page
Setting Title Description Type Options (if available)
Desktop - Number of reviews before showing more The Default number of reviews that will be shown in the Product Page Reviews for Desktop before clicking the "See More Reviews" button. Number

Desktop - Maximum number of reviews


The maximum number of reviews that will be shown in the Product Page Reviews for Desktop Number
Mobile - Number of reviews before showing more The Default number of reviews that will be shown in the Product Page Reviews for Mobile before clicking the "See More Reviews" button. Number

Mobile - Maximum number of reviews


The maximum number of reviews that will be shown in the Product Page Reviews for Mobile Number
  1. Reviews information
Setting Title Description Type Options (if available)
Card Clickable Area If the entire review card is clickable, both text-only and reviews with images will appear in the modal. If only the image is clickable, the modal will display solely the reviews with images. Option Open Modal by Clicking on Images, Open Modal by Clicking Anywhere on the review card
Show review dates Uncheck this if you do not want the dates of the reviews displayed Checkbox
Review date source Determine the type of dates to be displayed Option Show real dates, Show recent dates
Date Format Set the format of the review dates Option yyyy-mm-dd, mm-dd-yyyy, mm-dd-yy, dd-mm-yyyy
Reviewer name display method Determine how the reviewer names are going to be displayed Option

Show Full Names,

Obfuscate Middle Letters, Show First Name, Show Initials Only

Show "Verified purchase” icon If enabled, it will show a Verified icon after the reviewer's name for those reviews that are deemed to be made by verified buyers. (Note: You can also mark any review as verified manually inside the app) Checkbox
Verified Icon Color If Show "Verified Purchase" icon is enabled, set the color of the Verified Icon Color Palette
  1. Layout design settings
Setting Title Description Type Options (if available)
Reviewer Name Color
Color Palette
Review Text Color
Color Palette
Review card background Color
Color Palette
Review card shadow color
Color Palette
Review date color
Color Palette
Number of columns on mobile Sets the number of columns for mobile (using Grid View) Option 1 column, 2 columns
Avatar background Color
Color Palette
Avatar icon Color
Color Palette
Store reply title Color
Color Palette
Store reply text Color
Color Palette
Store reply card background Color
Color Palette
Buttons - Corner Radius Sets the corner radius of buttons inside the Product Page Reviews Number Slider
  1. Write a review form
Setting Title Description Type Options (if available)
Allow customers to upload a photo When enabled, visitors can upload a photo with their review Checkbox
Form text color
Color Palette
Form background color
Color Palette
Button text color Controls the color of the "Write a Review"  button and "Submit review" button Color Palette
Button background color Controls the color of the "Write a Review"  button and "Submit review" button Color Palette

Product Reviews > Settings > Star Ratings

  1. Star Rating on Product Page
Setting Title Description Type Options (if available)
Display stars under the product name Display your review count and rating under the product name on the product page. This snippet will not appear if the product doesn't have any reviews. Checkbox
Star size Sets the size of the stars Number
Star alignment (desktop) sets the alignment of the product page star ratings for desktop Option Left, Center, Right
Star alignment (mobile) sets the alignment of the product page star ratings for mobile Option Left, Center, Right
Star rating format (product page) Sets the string pattern of the product page star ratings String (with use of variables)

Available variables to use:

{{ stars }}

{{ averageRating }}

{{ totalReviews }}

{{ reviewsTranslation }}

Margin Top Set the margin-top value of the product page star ratings Number
Margin Bottom Set the margin-bottom value of the product page star ratings Number

  1. Star rating on homepage and collection page
Setting Title Description Type Options (if available)
Display stars on homepage and collection pages Display your products review count and rating under the product name on the homepage and collection pages. This snippet will not appear if the product doesn't have any reviews. Checkbox
Star size Sets the size of the stars Number
Star alignment (desktop) sets the alignment of the homepage and collection page star ratings for desktop Option Left, Center, Right
Star alignment (mobile) sets the alignment of the homepage and collection page star ratings for mobile Option Left, Center, Right
Star rating format (homepage and collection pages) Sets the string pattern of the homepage and collection page star ratings String (with use of variables)

Available variables to use:

{{ stars }}

{{ averageRating }}

{{ totalReviews }}

{{ reviewsTranslation }}

Margin Top Set the margin-top value of the homepage and collection page star ratings Number
Margin Bottom Set the margin-bottom value of the homepage and collection page star ratings Number

Product Reviews > Settings > Reviews Carousel

  1. Publish a Reviews Carousel
Setting Title Description Type Options (if available)
Send reviews to carousel Determines what reviews are shown in the Reviews Carousel Option

Automatically - Display the most recent 5-star reviews,

Manually by sending reviews to the carousel

Publish and position

Sets the specific location of the Reviews Carousel for the homepage and/or the product page

(note: If you already inserted the Reviews Carousel Widget via the Shopify Theme Editor, you do not need to change this setting)

Option Home Page, Product Page
Display a Reviews Carousel automatically on your homepage

When enabled, this places the Reviews carousel automatically near the end of the homepage.


Checkbox
Display manually Use this if you want to move the Reviews Carousel using your Shopify Theme Editor Button (opens Shopify Theme Editor)
  1. Carousel title
Setting Title Description Type Options (if available)
Title Sets the title of the Reviews Carousel String
Title alignment Sets the alignment of the Reviews Carousel title Option Left, Center, Right
Title font size Sets the font size of the Reviews Carousel title Number Slider

  1. Layout and design
Setting Title Description Type Options (if available)
Layout

Determines the layout of the Reviews Carousel.

The "Image Cards" layout can only display reviews that contain images. Choose "Text Cards" or "Testimonial" layout for text-only reviews.

Option Image Cards, Text Cards, Testimonial

Carousel maximum width


Determines the maximum width that the Reviews Carousel will have. (Note: The width will not exceed its container's width) Number Slider
Number of columns on desktop Determines the number of columns of the Reviews Carousel for Desktop Number Slider 1 to 6
Maximum number of text rows Determines the number of rows of the Reviews Carousel Number Slider 1 to 6
Reviews alignment Determines the alignment of the reviews content inside the Reviews Carousel Option Left, Center, Right
Image aspect ratio If the reviews contain images, determines their aspect ratio Option Square, Portrait

  1. Carousel margins
Setting Title Description Type Options (if available)
Margin Top (Desktop) Sets the margin-top value of the Reviews Carousel for Desktop Number
Margin Bottom (Desktop) Sets the margin-bottom value of the Reviews Carousel for Desktop Number
Margin Top (Mobile) Sets the margin-top value of the Reviews Carousel for Mobile Number
Margin Bottom (Mobile) Sets the margin-top value of the Reviews Carousel for Mobile Number

  1. Card settings
Setting Title Description Type Options (if available)
Text Color
Color Palette
Background Color
Color Palette
Stars Color
Color Palette
Show Border If enabled, each Reviews Card in the Reviews Carousel will have a border Checkbox
Show Border Shadow If enabled, each Reviews Card in the Reviews Carousel will have a border shadow Checkbox
Border Color
Color Palette
Rounded Corners Determines the radius of the review card's corners in the Reviews Carousel Number Slider

  1. Carousel arrows
Setting Title Description Type Options (if available)
Carousel Arrows Provides 7 types of carousel arrow designs you can choose from Option

Product Reviews > Settings > Happy Customers Page

  1. Show featured reviews on a dedicated page
Setting Title Description Type Options (if available)
Activate the Happy Customers Page with featured reviews When enabled, the Happy Customers Page will be active on your store via the provided link Checkbox
Page title The title of the Happy Customers Page String
Page description The description of the Happy Customers Page (appears at the bottom of the page title) String
  1. Layout
Setting Title Description Type Options (if available)
Reviews Layout Layout of the reviews displayed on the Happy Customers Page Option Grid View, List View
Show rating filter bars

Display a breakdown of all reviews using progress bars at the top of the reviews list, allowing easy filtering.


Checkbox
  1. Number of reviews
Setting Title Description Type Options (if available)
Desktop - Number of reviews before showing more The Default number of reviews that will be shown in the Happy Customers Page for Desktop before clicking the "See More Reviews" button. Number
Mobile - Number of reviews before showing more The Default number of reviews that will be shown in the Happy Customers Page for Mobile before clicking the "See More Reviews" button. Number

Product Reviews > Settings > Featured Reviews


  1. Layout
Setting Title Description Type Options (if available)
Reviews Layout Layout of the reviews displayed on the Featured Reviews widget Option Grid View, List View
Show rating filter bars

Display a breakdown of all reviews using progress bars at the top of the Featured Reviews, allowing easy filtering.


Checkbox
  1. Number of Reviews
Setting Title Description Type Options (if available)
Desktop - Number of reviews before showing more The Default number of reviews that will be shown in the Featured Reviews for Desktop before clicking the "See More Reviews" button. Number

Desktop - Maximum number of reviews


The maximum number of reviews that will be shown in the Featured Reviews for Desktop Number
Mobile - Number of reviews before showing more The Default number of reviews that will be shown in the Featured Reviews for Mobile before clicking the "See More Reviews" button. Number

Mobile - Maximum number of reviews


The maximum number of reviews that will be shown in the Featured Reviews for Mobile Number

Product Reviews > Settings > All Reviews Badge

  1. Publish and Position
Setting Title Description Type Options (if available)
Publish and position

Sets the specific location of the All Reviews Badge for the homepage and/or the product page

(note: If you already inserted the All Reviews Badge via the Shopify Theme Editor, you do not need to change this setting)

Option Home Page, Product Page
Display All Reviews Badge automatically on homepage When enabled, this places the All Reviews Badge automatically near the end of the homepage. Checkbox

  1. Layout and Design
Setting Title Description Type Options (if available)
Layout Choose from two layouts available for the All Reviews Badge Option Horizontal, Vertical
Style Choose from three available styles of the All Reviews Badge Option Custom, On Light Background, On Dark Background
Widget Alignment Sets the  alignment of the All Reviews Badge Option Left, Center, Right
Show review count When enabled, will also show the aggregated number of reviews (and not just the average Rating) Checkbox
Corner radius Sets the corner radius of the All Reviews Badge Number Slider
Star Color Sets the color used in the All Reviews Badge Color Palette
Show "Collected by Vitals" When enabled, the "Collected by Vitals" text will appear in the All Reviews Badge Checkbox
Margin Sets the margins for all directions (left, top, bottom, right) Number

Product Reviews > Settings > Publishing and SEO

  1. Publishing and SEO
Setting Title Description Type Options (if available)
Auto-publish new reviews Determines if submitted reviews will be automatically published on the storefront or not Option Don't autopublish, Publish automatically
Get notified when customers submit reviews When enabled, email notifications will be sent to store email address when new reviews are submitted Checkbox
Display the review rating and count in Google search When enabled, star ratings of products will be displayed on Google Search (when the products appear in the search results) Checkbox

  1. Banned Keywords
Setting Title Description Type Options (if available)
Enter banned keywords User-posted reviews that contain any of these keywords will be automatically rejected (separated by comma) String
Is this resource helpful? Thanks for the feedback There was a problem submitting your feedback. Please try again later.