Skip to main content

Configuring the Reviews Aggregate section of your Reviews widget

Show shoppers your average rating, review count, recommendation rate and customer photos at the top of your Reviews widget, styled to match your brand.

Written by Simon Mainwaring

Overview

Shoppers trust a product faster when they can see at a glance how others rate it. The Reviews Aggregate section sits at the top of your Reviews widget and summarizes the average rating, total number of reviews, percentage of shoppers who recommend the product, and photos and videos your customers have uploaded.

You build the section from blocks, each holding one or more modules, and style each to match your brand. To set up the rest of the widget, see Designing your Reviews widget with Widget Plus.


Change the layout of a block

  1. Go to the Aggregate Modules tab to view the default setup.

  2. Customize the following settings:

    • Block Distribution: Determines how blocks are distributed across the Reviews Aggregate section.

    • Block Width: Defines the width of each block.

    • Align: Sets the alignment of modules within each block.

  3. Add or remove modules within a block and adjust their styles.

  4. Click Save.


Add a module

  1. Click the Aggregate Modules tab.

  2. Go to the block where you want to add a module.

  3. Click the + button and select a module from the Add Module dialog.

  4. Customize the style settings of the added module to match your brand.

  5. Reposition the module within the block if needed.

  6. Click Save.


Reviews Aggregate module style settings

These modules have style settings that you can customize when you add them to a block. For every other style setting, see the Reviews Widget Style Glossary.

Rating Distribution

Style setting

Description

Bar Shading Color

Color of the shaded portion of a rating bar.

Bar Background Color

Color of the unshaded portion of a rating bar.

💡 Shoppers can click a star rating in Rating Distribution to filter reviews. Keep this in mind when you style the module.

Attributes Average

Style setting

Description

Layout

Changes the layout of the attribute bars. The Side by Side layout is only available when you set Block Width to Half Width, Two Thirds or Full Width.

Media Carousel

Style setting

Description

Image Height

Height of your photos or videos in a column or row.

Image Gap

Space between your photos or videos in a column or row.

Media Grid

Style setting

Description

Rows

The number of rows of photos and videos in the grid.

Columns

The number of columns of photos and videos in the grid.

Image Gap

Space between your photos or videos in a column or row.

Column and row settings

Style setting

Description

Block Distribution

Determines how blocks are spread throughout the space of the widget.

Block Width

Determines the width of each block, which is dependent on how many blocks you add to the Reviews Aggregate section.

Align

Sets the alignment of the content within a block.


Remove blocks and modules

To remove a block, click the X next to the block heading. To remove a module, click the X next to the module heading.

Did this answer your question?