Catch your customer's attention by showing them your products' overall rating. You can build immediate trust with shoppers and promote brand confidence when you configure the Reviews Aggregate section of the Reviews Widget. The Reviews Aggregate section sits at the top of the Reviews Widget and provides your shoppers with immediate details that summarize how your products rate among customers, such as the rating average, total number of reviews, percent of shoppers that recommend your product, and UGC uploaded by your customers.
In this article, you'll learn how to:
Before you begin
You must install the Okendo Reviews app before you can add the Reviews Widget (which includes the Reviews Aggregate section) to your Shopify theme. Click here to see how to complete the basic installation.
Consider reviewing the Reviews Widget Style Glossary to better understand which style settings control the look and feel of the reviews aggregate section.
Change the layout of a block
By default, Okendo configures the Reviews Aggregate section to include these modules in three separate blocks:
Block 1: Rating Average and Rating Distribution
Block 2: Attribute Averages
Block 3: Media Grid
You can change the existing layout by removing blocks, adding or removing modules within a block, customizing the width and alignment of each block, and changing the distribution of the block across the space within the Reviews Aggregate section.
Note: You can have a maximum of 3 blocks in the Reviews Aggregrate section and a maximum of 3 modules within a single block.
Open your Okendo admin.
Click Displays in the sidebar.
Click Reviews Widget on the Displays page.
Click the Aggregate Modules tab. You'll see the default setup.
Change these settings:
Block Distribution: Determines how Okendo distributes the blocks across the space within the Reviews Aggregate section.
Block Width: Determines how wide each block is. The options in this list depend on the number of blocks you add to the Reviews Aggregate.
Align: Determines how Okendo aligns the modules within each block.
Change the modules by adding new ones or removing the existing ones.
Change the module styles (where applicable).
Click Save.
Add a module
You can add a maximum of 3 modules to a single block.
Click the Aggregate Modules tab.
Navigate to the block where you want to add a module.
Click the + button. The Add Module dialog appears.
Select a module and click Add.
Depending on the module you select, modify the style to fit your brand.
Use the up and down arrows to reposition the module within a block.
Click Save Changes.
Review Aggregate module style settings
These modules have style settings that you can customize when you add them to a block:
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. |
Attributes Average
Style Setting | Description |
Layout | Changes the layout of the attribute bars.
Note: The Side by Side layout is only available if you set the 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, simply click the X next to the right of the block heading:
To remove a module from a column, simply click the X to the right of the module heading:
Related articles