Overview
The Review Widget is the primary display element on your product pages, showcasing reviews, photos, and Q&A content to potential customers. This guide covers how to customize the widget’s settings to fit your website and brand.
WHY the Product Review Widget is Important
Displaying customer reviews prominently on your product pages builds trust and increases conversion rates. Shoppers are more likely to purchase when they can read real feedback, see photos, and ask questions directly. By fully customizing the Review Widget, you ensure that your reviews are presented in a way that best aligns with your brand, maximizing the impact of social proof.
A well-optimized review widget helps:
Boost credibility by showing authentic reviews and ratings.
Improve SEO with rich snippets that appear in search results.
Increase customer engagement through voting, sharing, and Q&A.
Use Cases
Here are ways you can leverage the Review Widget for maximum impact:
E-commerce Stores: Display reviews and photos for products like clothing, electronics, and accessories, helping customers make informed decisions.
Service-Based Businesses: Feature customer testimonials about your services, showcasing their satisfaction and results.
Hospitality: Highlight guest reviews and experiences, with photos to show the quality of your accommodation or service
Accessing the Product Review Widget
Login to your RaveCapture account.
Click on the Display Widgets menu item on the left side.
Select Review Widget.
Review Widget - Settings Tab
This is the primary section of the settings area which allows you to configure how the content will appear on your site. There are a few areas mentioned here:
Review Widget: Settings Tab
The Settings Tab allows you to configure how reviews and other content are displayed on your site. Below are the key areas you can customize:
1. Widget Configuration
Number of Reviews per Page: Set how many reviews display on each page.
Date Format: Choose the date format for reviews.
Default Sorting: Select the default sort order for reviews (e.g., newest first).
2. Widget Content
You can enable or disable the following content types in your review widget:
Partial Star Rating: Display partial stars for more accurate ratings (e.g., 4.8/5).
Rating Text Value: Show the text-based rating (e.g., “4.8 out of 5 stars”).
Custom Questions & Labels: Include questions such as "Fit" or other custom criteria.
Allow Review Submission: Enable customers to submit reviews directly on your product page with a "Write Review" button.
Display Company Reviews: Add a tab for company-level reviews alongside product reviews.
Display Photos: Add a tab for customer photos.
Display Reviewer Location: Show the location of reviewers (captured by IP, e.g., "Orlando, FL").
Read More Link: Limit long reviews to 500 characters, with an option to expand.
Social Sharing: Allow customers to share reviews on Facebook, Twitter, and LinkedIn.
Review Voting: Enable upvoting or downvoting of reviews.
Rich Snippets: Automatically inject rich snippets for SEO, displaying stars in organic search results.
Experience Answers: Show survey answers if you collect reviews through Experience Surveys.
Review Widget: Design Tab
The Design Tab lets you fully customize the appearance of the widget. For advanced users, there’s also access to a CSS Editor for further customization (available on the Power Plan).
1. Widget Font & RaveCapture Logo
Font Selection: Choose the font style for your review widget. For custom fonts, contact support.
Logo Style: Adjust the RaveCapture logo to match your widget’s header bar color.
2. Widget Colors
Star Type: Choose between a block icon or a traditional star icon for ratings.
Star Color: Customize the color of the rating stars.
Header Background & Font Colors: Control the background and text color of the widget header.
Title & Paragraph Text Color: Set the text color for section titles and content.
Button Color: Customize button colors (e.g., "Answer a Question" or "Review Voting").
Accent Color: Control the color for dates, reviewer names, and review counts.
Panel Colors: Customize the background and header color for collapsible panels (e.g., answers or review responses).
3. CSS Editor
For advanced users, you can customize the widget’s appearance using CSS:
Right-click on the Review Widget in Chrome and select Inspect.
Go to the Styles tab and find the Widget CSS.
Add custom CSS in the CSS Editor and click Save.
Note: CSS Editor is available on the Power Plan.
Review Widget: Category Stars Tab
The Category Stars Tab allows you to customize the star ratings displayed on category pages (e.g., Pants, Shoes, Hats).
1. Design Style
Choose from three design styles:
Stars with Review Count & Text.
Stars with Review Count.
Stars Only.
2. Content Settings
Empty Star Ratings: Display stars even if no reviews exist, or hide them if unchecked.
Font Size: Adjust the size of the stars and associated text.
Review Widget: Product Stars Tab
The Product Stars Tab is similar to the Category Stars but applies to individual product pages (typically displayed under the product title or price).
1. Design Style
Choose from:
Stars with Review Count & Text.
Stars with Review Count.
Stars Only.
2. Content Settings
Empty Star Ratings: Choose whether to display stars for products with no reviews.
Font Size: Adjust the size of the stars and text.
Customization Options
Adjust star ratings, text colors, and layout to match your brand’s design.
Use CSS Editor for full control over the widget's look (available on the Advanced Plan).
Add rich snippets for SEO benefits, helping your products stand out in search results.
Need Help?
If you have any questions or need assistance, please contact our support team via live chat or at support@ravecapture.com