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
In this article, you'll learn how to:
Before you begin
Before you begin styling your Reviews widget, review the Widget Plus style glossary to understand how changing settings affect the widget.
🔔 Okendo allows you to preview changes to the Reviews widget on both desktop and mobile devices.
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:
Open your Okendo admin.
Click Displays in the sidebar.
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
Navigate to On-Site Displays > Global Settings > Style > Star Shape > Custom SVG.
Choose File and upload the SVG.
Save in the top right corner.
Reviews Widget style definitions
Refer to the Reviews Widget Plus 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.