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.
IN THIS ARTICLE
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.
You can choose between the default grid, list, and list compact layouts; see examples below;
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:
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;
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;
Note: The Product Reviews Widget will only display reviews with multiple photos if the thumbnail layout is set to small or medium.
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.
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;