WooCommerce Single: Product Reviews

When managing an online store, product reviews are a vital feature that helps build trust with your customers. Our JupiterX theme enhances your store by letting you customize the product reviews section to complement your store's design and brand aesthetic through the use of our intuitive WooCommerce builder and Elementor page builder.

What is the Product Reviews Widget?

The "Product Reviews" widget in JupiterX is a versatile tool that lets you insert and style a section for customer reviews on each of your product pages. Reviews are essential for new customers to gauge the quality of your products based on past purchasers' experiences.

Accessing the Product Reviews Widget

To start customizing your product reviews, follow these steps:

1. Open the Elementor editor on the single product template you're working on.
2. In the Elementor sidebar, scroll through the widgets panel or use the search function to find the "Product Reviews" widget.
3. Drag the "Product Reviews" widget to where you want the reviews to appear on your page layout.

Styling the Product Reviews

Heading

• Text Color: Click on the color swatch to choose a color for the review heading text.
• Typography: Click on the pencil icon to customize the font settings for the heading, including font family, size, weight, and more.

Primary Text

• Text Color: Use the color swatch to pick a color for the main review text.
• Typography: Fine-tune the font settings for the primary text just like you did with the heading.

Secondary Text

• Text Color: Choose a color for secondary text, which may include information like usernames or locations.
• Typography: Adjust the secondary text's typography settings.

Date

• Text Color: Pick a color for the date text displayed in reviews.
• Typography: Manipulate the font settings for the review date display.

Star Ratings

• Star Color: Click on the color swatch to select the color for filled star ratings.
• Empty Star Color: Choose a color for the unfilled stars, indicating the maximum rating that could have been achieved.

Border

• Border Color: If the reviews have a border around them or individual entries, select an appropriate color.

Button

• Typography: Customize the typography settings for button text.
• Padding: Set the padding inside the button to adjust space.
• Text Color: Pick text colors for the button's normal and hover states.
• Background Color: Choose background colors for the button, again considering both the normal and hover states.

By customizing the "Product Reviews" widget, you can ensure that product reviews on your site match your store’s theme, and encourage a robust and informative feedback system for your users.