Customizing the Product Reviews Widget's Appearance

Enhance your customers' experiences by making your review widget seamlessly fit your store, highlighting happy customers' reviews throughout your buyers' journeys.

Below, we will cover all the different options we have available for customizing the Product Reviews widget to suit your needs.  

All the settings can be changed at any time and will instantly affect only the Product Reviews widgets across all your store pages.

To adjust these settings, go to the "Product Reviews Widget" settings page.

Widget layout

You can choose between the default grid, list, and list compact layouts; see examples below; 

Grid:

List:

List (compact):

Rating widget

Customize the icons used to reflect your customers' reviews. You can use the default "stars" or select your own custom icons.

To edit the Rating Icons displayed on your widgets, follow the steps below:

• Inside the "Branding" settings section, open the "General appearance" dropdown.

• Next to "Rating Icon", click on the "Icon style" dropdown, and select your Rating Icon":

  

The changes are automatically applied to all of your Loox Reviews, Rating, and Carousel widgets, as well as to your Upsell page’s Rating widget. 

To change the color of the Rating icons, follow the steps below:

• Click inside the text field of the color picker:

• Select the color you want:

• Alternatively, you can manually insert a specific color hex code in the text field itself instead:

Header layout

You can adjust how your ratings appear by changing the widget's header.

By default, we select the "Minimal" layout option. To change this, click the settings dropdown and select your desired layout. See examples below;

Minimal layout:

Compact layout:

Expanded layout:

Thumbnail layout

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

By default, photos and videos are set to the “large” layout. If you want to change this, click the settings dropdown, and select your desired layout. See examples below;

Large:

Medium:

Small:

Font

By default, Loox all widget fonts are set to "Poppins". To change this, click "Font" and choose a font from the drop-down menu or type in a specific font. We support all Google Fonts.

Widget colors

You can change the text color of the Review Widget’s header and the “Show more reviews” button directly from the "Product Reviews Widget" settings page.

You can customize every element of the Loox widget's colors to match your store's look.

To do so, click the text box of the element you wish to customize and select the color you want or insert a specific color hex code:

Review shadow & radius

The "Review shadow" allows you to choose the shadow (if at all) that will appear on the review boxes:

The "Review radius" defines how sharp or rounded the corners of each review box are;