Skip to main content
Designing Your Reviews Widget with Widget Plus

Showcase your reviews and UGC your way

Amanda Calderon avatar
Written by Amanda Calderon
Updated over a week ago

Customize the look and feel of your Reviews widget to align seamlessly with your store's aesthetic. With numerous customization options available, you can ensure that your widget not only fits your brand but also provides valuable insights into your products.

Okendo offers many styling options, but you can streamline the process using the Auto-Style feature to quickly adjust the appearance of your Reviews widget. Learn more about Okendo's Autostyle feature.

Previewing your changes

Before styling your Reviews widget, review the style glossary to understand how changing settings will affect the widget.

Note: Okendo allows you to preview changes to the Reviews widget on both desktop and mobile devices.

In this article, you'll learn how to:

Style your Reviews widget

Before styling your Reviews widget, review the style glossary to understand how changing settings will affect the widget.

Note: Okendo allows you to preview changes to the Reviews widget on both desktop and mobile devices:

  1. Open your Okendo admin.

  2. Click Displays in the sidebar.

  3. Select the Reviews Widget option.

General Tab:

  • Include the Q&A tab or hide the Reviews Widget if you don't have any reviews yet.

Styling Tab:

  • Adjust the widget to blend with your store’s site using various fields, spin boxes, color pickers, toggle switches, and drop-down lists.

  • Configure the aggregate modules to design the Reviews Aggregate section, which provides a summary of product ratings, total reviews, recommendation percentages, and user-generated content.

Reviews List Tab:

  • Define attribute filters, sort, and page size controls in the "Controls" section.

  • Select a layout in the "Reviews" section.

  • Specify media appearance in the "Media" section.

  • Configure truncation settings to limit review content.

Click "Save Changes" when finished.

Uploading a Custom Star SVG

  1. Navigate to On-Site Displays > Global Settings > Style > Star Shape > Custom SVG.

  2. Choose File and upload the SVG.

  3. Save in the top right corner.

Reviews Widget style definitions

Refer to the Reviews Widget Style Glossary for detailed explanations of the available settings to customize your Reviews Widget's appearance. You can also find style setting definitions in the Reviews List tab.

Related articles

Did this answer your question?