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
- 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 |
- 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 |
|
- 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 |
|
- 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 |
|
- 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 |
|
- 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
- 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 |
|
- 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
- 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) |
|
- 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 |
|
- 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 |
- 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 |
|
- 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 |
|
- 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
- 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 |
|
- 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 |
|
- 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
- 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 |
|
- 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
- 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 |
|
- 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
- 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 |
|
- 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 |
|