Displaying Product Reviews on the Front Office
The Product Reviews module not only allows customers to leave reviews but also offers various ways to display these reviews on your website. This guide will explain how to configure and display product reviews on different pages of your front office, including the homepage, the separate customer reviews page, and the product detail page.
Displaying reviews on the Homepage
The Product Reviews module features an option to display a review block on the homepage, providing visitors with a snapshot of your store's reviews right when they land on your site.
To display the review block on the homepage, follow these steps:
- Open the configuration page for the “Product Reviews” module.
- Click Settings to open the settings page.
- Select the Reviews tab.
- Scroll down to find the option "Display average rating and the latest reviews on the homepage" and enable it.
- Click Save.
After configuring this in the back office, the review block will appear on the homepage as a slider. The review block will display the average rating and the latest reviews, including detailed information such as the reviewer's name, review date, ratings, review title, review content, product image, and product name.
Displaying reviews on a separate page
In addition to the homepage review block, the module supports a dedicated customer reviews page, which lists all customer reviews on your website.
To access the customer reviews page: Click the View all customer reviews link at the bottom right of the review block displayed on the homepage.
The customer reviews page provides an overview of all reviews, with features including:
- Total reviews and average ratings: Displayed at the top of the page.
- Detailed review counts: Shows the number of reviews at different rating levels (Excellent, Good, Medium, Poor, Terrible).
- Review filters: Users can filter reviews by rating level (1-5 stars) or sort reviews by latest, oldest, highest rating, and lowest rating.
The review list includes comprehensive information such as the reviewer's avatar, name, verified purchase status, product image, product name, review title, review content, and review date.
Displaying reviews on the product detail page
The review block is also displayed on the product detail page, under the product description, showcasing reviews specifically related to that product.
Product detail page review block
The review block on the product detail page includes:
- Average rating: Displays the average rating for the product.
- Detailed review counts: Breakdown of review counts at different levels (Excellent, Good, Medium, Poor, Terrible).
- Buttons: "Write your review" and "Ask a question".
- Image slider: Displays images uploaded by customers in their reviews.
- Tabs:
- Reviews tab: Detailed display of all reviews for the product.
- Questions & answers tab: Displays questions, answers, and comments about the product.
Average rating block
Additionally, the module displays the product’s average rating in various positions on the product page, such as:
- Under the "Add to cart" button.
- Under the product price.
- Under "Share" buttons (default).
- In the "Customer reassurance" block.
- Custom positions using Custom hook.
Configuring the position of the Average rating block
To select the display position for the product's average rating:
- Go to Settings > Reviews in the module configuration.
- Scroll down to the "Average review" block position field and choose your desired position.
- Click Save.
By following these steps, you can effectively showcase customer feedback on your site, enhancing credibility and encouraging more customer engagement.
This comprehensive guide helps administrators configure and display product reviews on various parts of their front office, ensuring an optimized and engaging user experience.