Skip to main content
Documentation/Elements & Controls Reference/Elements/WooCommerce/Product Builder/Product Reviews

Product Reviews

Product Reviews displays WooCommerce product reviews and the review form inside Product Builder. WooCommerce must be installed and active.

Add and configure Product Reviews

  1. Click Add, choose Product Reviews, and place it in the container.
  2. Place the element inside Product Builder.
  3. Under Content > Review Form, choose Open Form In Modal and set Button Text if applicable.
  4. Style Design > Container, Reviews, Review Item, Typography, and Spacing.
  5. Save your changes.
Product Reviews controls in the Breakdance editor
Product Reviews controls in the Breakdance editor

Keep the required parent context

Product Reviews must be inside Product Builder, Fundamental Product Builder. Layout containers can sit between the parent and this element. Configure the product or checkout context on the parent.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Review Form

Setting Purpose and options Behavior
Open Form In Modal On/off. Shared
Button Text Enter the button text. When: Open Form In Modal is set. Shared

Design > Container

Setting Purpose and options Behavior
Width Width. Responsive
Background Color or supported fill. Shared
Borders borders controls. See linked controls
Padding spacing controls. See linked controls

Design > Reviews

Setting Purpose and options Behavior
Layout > Layout List, Grid. Shared
Layout > Items Per Row Set items per row. Range: 1–6. When: Layout = Grid. Responsive
Layout > Gap Space between items. When: Layout = Grid. Responsive
Stars > Color Color or supported fill. Shared
Stars > Size Size and unit. Responsive
Avatar > Size Size and unit. Responsive
Avatar > Radius Radius and unit. Responsive
Separator > Disable On/off. Shared
Separator > Color Color or supported fill. When: Disable is unset. Shared
Separator > Width Width. When: Disable is unset. Responsive

Design > Review Item

Setting Purpose and options Behavior
Background Color or supported fill. Shared
Borders borders controls. See linked controls
Padding spacing controls. See linked controls

Design > Typography

Setting Purpose and options Behavior
Hide Heading On/off. Shared
Heading typography controls. See linked controls
Username typography controls. See linked controls
Meta typography controls. See linked controls
Review typography controls. See linked controls
Form Heading typography controls. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Container spacing controls. See linked controls
Reviews > Around Review Around review and unit. Responsive
Reviews > After Stars After stars and unit. Responsive
Reviews > After Meta After meta and unit. Responsive
Reviews > After Avatar After avatar and unit. Responsive
After Title After title and unit. Responsive
After Reviews After reviews and unit. Responsive
After Form Heading After form heading and unit. Responsive

Design > Advanced

Setting Purpose and options Behavior
Override Global Styles woocommerce global styles. See linked controls

Troubleshooting

The form is unavailable

Check whether reviews are enabled and whether the visitor meets the store's review requirements.

The same reviews appear twice

Check whether Product Tabs also includes its Reviews tab.