Adding a Product Review Section to a Product Page

This guide outlines the process to integrate a product review section into a product page using Shopify. Follow these steps to allow customers to view all reviews of a product directly on its page, thus aiding in informed purchasing decisions.

Step 1

To begin, add a product review page to the product page. This integration allows customers to view all available reviews for a product on the same page, enabling informed decision-making. First, navigate to the "Onsite Display" and then select "Product Page Widget." Here, you will find the "Product Page Review Widget."

Step 2

Proceed by clicking on "Configure" and then select "Add on Shopify."

Step 3

The system will redirect you to the Shopify page, specifically the customized theme page. Select a product and choose "Default Products." Once selected, add the widget by clicking "Add Section" under "Template," then navigate to "Apps."

Step 4

Search for "Product Reviews" and click on the "Product Review" section. Once clicked, the Product Review Widget will be added to the product page. Click "Save" to preserve these settings. For further customization, return to the section and select "Product Review." Various customization options are available here.

Step 5

Start by customizing the background color, which is automatically picked from the website's color palette. If you wish to change it, select a new color. The next option is the "Default Review Sort By."

Step 6

You can sort reviews by "Most Recent," "Top Rated," or "Image First," with "Image First" as the default setting. The next option is the "Review Display Style," where reviews can be shown in grid formats, image-optimized grid formats, or row formats.

Step 7

Select any customization option, click "Save," and preview it on your store. Currently, the format is set to an image-optimized grid. The next feature is "Show All Reviews."

Step 8

If you enable this toggle, all reviews available for any product will be displayed on this page. If this is not desired, do not proceed with this option. The next feature is "Show All Reviews If None Found."

Step 9

In scenarios where a product has no available reviews, enabling this feature will display reviews from other products. As this feature is not required here, leave it disabled. The next feature to consider is "Show Image Carousel."

Step 10

Here you can see how one brand utilizes this feature. The "Image Carousel" enables customers to view images within a carousel, allowing them to click on any image to see the associated review.

Step 11

The next feature to explore is "Show Tags."

Step 12

Observe how another brand displays tags and summary information.

Step 13

Multiple tags are available for viewing.

Step 14

Examples include tags like Ayurvedic, PCOS relief, and effective menstrual health.

Step 15

These are the available tags. The AI reads all reviews and provides a summary. This is the summary feature. To enable this, click on "Enable These Features" in the customized settings. The next feature is "Show Detailed Rating Breakup."

Step 16

This feature shows a detailed breakdown of ratings, allowing you to see all given ratings.

Step 17

It details the number of five-star ratings, four-star ratings, their percentage contributions, and total number of reviews.

Step 18

This is the detailed breakdown of ratings. If you enable "Show Featured Reviews Only," only reviews marked as "Featured" will be visible. The next feature is "Hide Date."

Step 19

All reviews have a date. If desired, you can hide these dates. The next feature is "Hide Section Rating."

Step 20

If you click on "Hide Section Rating," this section's rating will be hidden. The next feature is "Hide Total Review Count."

Step 21

Enabling this feature hides the total review count. For example, if there were eight reviews, they will no longer be visible. The next feature is "Show Q&A Tab," which, when enabled, displays the Q&A tab where questions asked by customers are visible.

Step 22

This concludes the process of using the product review feature settings. Once you have customized the settings, click "Save" to ensure the changes are reflected on the product page frontend. Thank you for following along.