Customizing the Product Reviews Widget's Appearance

Customize your Product Reviews Widget's layout, colors, text, and preferences, ensuring it seamlessly fits your brand and highlights happy customers' reviews throughout your buyers' journeys.

In this article, we’ll cover all the different widget customization options available in our in-app Product Reviews Widget editor.

Layout customization

Widget layout

Adjust the Product Reviews Widget’s layout to match your store’s design

We offer three different layout options: 

• Grid:

• List:

• Mosaic:

Header layout

Choose the appearance of the rating icons displayed on the widget’s header.

We offer three different header layout options:

• Minimal layout:

• Compact layout:

• Expanded layout:

Review Card customizations

Review Card shadow

Select your preferred shadow design that will appear on your widget’s Review Cards. 

We offer 4 unique shadow designs:

Review Card corners

Choose your preferred border display on the corners of your widget’s Review Cards. 

Choose how sharp or rounded your border corner will appear on your review cards. 

We offer 4 different Review Card corner options:

Colors customizations

Widget colors

Customize your Product Reviews widget's look to match your brand’s design.

You can select one of two “ready-to-go” template options - “Dark text” and “Light text”, or select “Custom” to customize every element of your widget:

If “Custom” is selected, the following elements can be customized:

Widget header colors

Change your Product Reviews Widget header’s colors to match your brand’s design:

Buttons colors

Customize the widget’s “Write a review” button so that it blends seamlessly with your page.

You can customize the following elements of the button:

Reviews colors

Customize the text and background colors of your widget’s Review Cards:

Replies color

Customize the color of the replies you submit to your customers’ reviews.

Verified badge color

Customize the color of the Verified badge that appears next to your verified reviews:

Widget texts

Customize the text that appears on your widget’s button and elements to match your specific needs.

You can customize the text of the following widget elements:

• Review - Singular: Adjusts the word that appears next to the widget’s average rating counter if only one (single) review is collected for the product (“Review” by default).
• Reviews - Plural:  Adjusts the word that appears next to the widget’s average rating counter if more than one review is collected for the product (“Reviews” by default).
• Write a review - Button text: Adjusts the text that appears on the ״Write a review” button that redirects customers to the Product Review form.
• Show more reviews - Button text: Adjusts the text of the “Show more reviews” button that displays more reviews on the widget when clicked.
• Product page - Link text: Adjusts the text that is displayed on the review card that links to the product page attached to the review.
• Item type title: Adjusts the text that appears on the review card that shows the product variant the reviewer purchased.
• No reviews - Empty state text: Adjusts the text that appears on the widget when no reviews are collected for the product.
• No reviews - Empty state link: Adjusts the text that appears on the “Write a review” button that appears on the Product Reviews widget when no review is collected for the product.

Widget preferences

We offer multiple display settings for your Product Reviews Widget:

• Display - Product Reviews Widget: Select whether you would like the Product Reviews widget to be hidden based on different scenarios, for example, hiding the widget when no reviews are collected for the product (hiding an “empty” widget).
• Show "Write a review" button: When enabled, the “Write a review” button will be displayed on the Product Reviews widget, allowing store visitors to submit their reviews for your products.
• Show review date: When enabled, the date when the review was submitted by the customer will be displayed on the review card.
• Show item type: When enabled, the product type/variant the customer purchased will be displayed on the review card.

• Thumbnail size: Adjust the thumbnail size of your customers' photos and videos in the List or List compact layouts.

  We offer three different thumbnail layout options:

Large (default):

Medium:

Small:

• Reviews per page: Select the number of reviews you would like to display on the widget before clicking on the “Show more reviews” button.
• Default sorting: Select your preferred sorting option for your Product Reviews widget (the default option is set to featured).
• Show sorting options: When enabled, store visitors will have the option to select the sorting option they prefer when viewing your products’ reviews.
• Show rating distribution: When enabled, the ratings distribution breakdown will appear on the widget’s header, allowing visitors to view the number of reviews collected per rating.