Reviews Widget Appearance Customization

Customize your Loox widget's style, appearance, and colors to match your brand's look.

All changes made in your settings will affect review widgets across all your store pages.

These changes will not affect any other widgets, for example, the Popup or the Sidebar widgets.

To adjust these settings, go to your Loox admin under the Settings - Display reviews section:

IN THIS ARTICLE


Widget Layout

You can choose between the default Masonry grid layout and the list layout widget. The list layout displays your reviews one under the other, either in one or two (compact) columns.

Grid:

List:

List (compact):


Star Color

Choose the color of the star ratings that will appear on all your Loox widgets.

To change the color of the star ratings go to the Settings - Branding section, and click on the "Star Color" picker.

Select the color you want, or insert a color hex code by pasting it into the text box:


To adjust how the widget presents your ratings distribution, change the Loox Reviews widget header layout. 

To do this, click the setting's dropdown "box" and select your desired layout.

By default Loox will use the "Minimal" layout option:

Minimal layout:

Compact layout:

Expanded layout:


Thumbnail layout

For widgets set to either "List" or "List (compact)" layouts, you can change the thumbnail size of your customers' photos and videos. To do this, click the setting's dropdown "box" and select your desired layout.

By default Loox will use the "Large" layout option:

Large:

Medium:

Small:


Font

You can choose the font used on all text in Loox widgets. To choose a font, click the "Font" box and choose a font from the drop-down menu or type in a specific font. Loox supports all Google Fonts.

By default, Loox will use the "Poppins" font.


Widget Colors

You can choose the text color of the review widget's header and the "Show more" button.

To do this, go to the Reviews Widget Settings inside the Settings - Display Reviews section:

For example, if your store uses a dark background, you can change the widget's texts to display in white to avoid having the texts blend in with the background.

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

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


Review Shadow & Radius

There are additional customization options that allow more control over the design of the reviews widget.

The "Review shadow" allows you to choose what color shadow (if at all) will appear underneath the review boxes:

The "Review radius" will decide how sharp or rounded the corners of each review box will be:


Loox Branding

You can remove the Loox branding from the header section of your store's reviews widgets by changing the Loox Branding setting inside the Admin's Branding section.

This option is available on the Growth plan and up. Click here to upgrade your plan.