Skip to main content

Product Review Widget

Customize the Review Display on Your Product Pages

Updated today

Overview

The Product Review Widget is RaveCapture's core display element for showcasing customer reviews, photos, and Q&A on product detail pages. It supports rich customization and advanced design controls to ensure the content matches your brand, builds trust, and improves SEO.

This widget is accessible to all users, though advanced design options like the CSS Editor are available only on the Power Plan.


Why the Product Review Widget Matters

  • Builds shopper trust by displaying real customer feedback

  • Improves product page SEO through Rich Snippets

  • Increases engagement with on-page review submissions, Q&A, and visual content

  • Drives product discovery by highlighting relatable customer experiences


Key Concepts & Display Logic

  • Product Reviews Tab:

    • Displays all published product reviews

  • Company Reviews Tab:

    • Optional tab displaying content from the Company Review Moderation system

  • Q&A Tab:

    • Optional tab displaying Community Q&A content

  • Review Count Display:

    • Always reflects only product reviews (even if company reviews are shown in a separate tab)

  • Mobile Optimization:

    • Fully responsive on mobile and desktop devices


Accessing the Widget Settings

  1. Login to your RaveCapture account

  2. Navigate to Display Widgets > Review Widget

  3. Use the tabs to configure:

    • Settings – Manage display content and logic

    • Design – Customize visual appearance (CSS Editor available on Power Plan)

    • Category Stars – Configure star ratings on collection/category pages

    • Product Stars – Configure star ratings under product titles on PDPs


Key Elements Guide

Settings Tab

Widget Configuration

  • Number of Reviews per Page – Set how many reviews display per page

  • Date Format – Choose how review dates appear (e.g., MM/DD/YYYY)

  • Default Sorting – Select the default review order (e.g., Newest, Highest Rating)

Widget Content Options

  • Partial Star Rating – Display decimal ratings (e.g., 4.8/5)

  • Rating Text Value – Show numerical text for rating averages

  • Custom Questions & Labels – Add custom fields like Fit, Quality, etc.

  • Allow Review Submission – Enable a "Write Review" button directly in the widget

  • Display Company Reviews – Adds a company reviews tab

  • Display Photos – Enables a separate tab for customer images

  • Display Reviewer Location – Show location data based on user IP (e.g., "Austin, TX")

  • Read More Link – Truncate long reviews with an expand option

  • Social Sharing – Allow sharing on Facebook, LinkedIn, Twitter

  • Review Voting – Enable helpfulness voting (thumbs up/down)

  • Experience Answers – Display Experience Survey answers if configured

  • Rich Snippets – Inject structured data for SEO (enabled by default)

Note: Rich Snippets will render even if a product has 0 reviews, provided a price is present


Design Tab

Widget Font & Logo

  • Select from preset font options (custom fonts require support)

  • Match the RaveCapture logo to your widget header bar color

Color Customization

  • Star Type & Color – Choose between block or star icons, and select a custom color

  • Header Background & Font Colors – Define the header appearance

  • Button Colors & Accents – Style interactive elements like voting or submission buttons

  • Panel Colors – Adjust colors for expandable content like review responses

CSS Editor (starting at Power Plan)

  • Use for full control over widget styling

  • Access styles using browser dev tools

NOTE: Custom CSS can hide or override critical display elements if not used carefully


Category Stars Tab

  • Applies to product list or category pages

  • Design Styles:

    • Stars with Review Count & Text

    • Stars with Review Count

    • Stars Only

  • Content Settings:

    • Show empty star ratings when no reviews exist

    • Adjust font size for stars and labels

Product Stars Tab

  • Applies under product titles/prices on individual product pages

  • Same layout and content options as Category Stars

  • Can optionally hide stars for products with zero reviews


Important Notes & Warnings

  • The CSS Editor is a Power Plan feature

  • The review count reflects only product reviews

  • Only one Product Review Widget can render per page

  • JavaScript is required for the widget to display properly


Advanced Setup (Optional)

  • Manual Integration: Install using an HTML <div> with embedded attributes and the required JS snippet

  • Use attributes like data-product-sku, data-name, data-description, and others to sync with the Product Library


Support

Have a question or need help customizing your Product Review Widget? Contact our support team via live chat or email at support@ravecapture.com.

Did this answer your question?