Adding Judge.me widgets in EcomSolid
Updated over a week ago

EcomSolid offers an all-in-one visual editor for product pages, landing pages, and more. By integrating with Judge.me, you gain the ability to add Judge.me Review Widget, Star Ratings, and Reviews Carousel to personalize your pages on the EcomSolid theme.

Follow this step-by-step guide to easily incorporate Judge.me widgets into your EcomSolid theme:

1. Adding Judge.me widgets to your product pages

Step 1: Access the theme editor

  • Go to the EcomSolid Dashboard > Theme Editor and select Product Pages from the top bar.

  • Access the Library from the top bar of the Editor.

Step 2: Add the Judge.me widgets block

  • Go to Add-ons > Third Party and find Judge.me Reviews.

  • Click the Add button, and the add-on will be inserted at the bottom of your Editor.

Step 3: Choose the widget position

  • Click the Pick the position drop-down menu to select a position from the list or use Change position to drop the add-on to a specific location.

  • Place the Judge.me Reviews add-on inside a product section for proper functionality.

2. Adding Judge.me Widgets to your collection pages

Step 1: Access the Theme Editor

  • Go to the EcomSolid Dashboard > Theme Editor and select Collection Pages from the top bar.

  • Access the Library from the top bar of the Editor.

Step 2: Add the Judge.me Widgets block

  • Next, go to Add-ons > Third Party and locate Judge.me Reviews.

  • Click the Add button, and the add-on will be inserted at the bottom of your Editor.

Step 3: Choose the widget position

  • Click the Pick the position drop-down menu to select a position from the list or use Change position to drop the add-on to a specific location.

  • If you want the widget to show on all pages containing a Product List, move the add-on to Global.

3. Adding Judge.me Widgets to your homepage

Step 1: Access the Theme Editor

  • Go to the EcomSolid Dashboard > Theme Editor

  • Select Homepage from the top bar

Step 2: Add the product section on your homepage

(Skip this step if you already have a Product section)

  • Access the Library from the top bar of the Editor

  • Go to Sections > Product

  • Select your preferred Featured Product and click Insert to add it to your Editor

Step 3: Add the Judge.me Widgets block

  • Go to the Library > Add-ons > Third Party and find Judge.me Reviews

  • Click the Add button

Step 4: Choose the Widget position

  • Click the Pick the position drop-down menu to select a position from the list or use Change position to drop the add-on to a specific location

  • Place it inside the product section you created previously

4. Choosing the Widget type

EcomSolid allows you to add these widgets into any sections on the theme:

  • Star Ratings

  • Review Widget (product reviews)

  • Review Carousel (carousel of your best reviews)

Important Note:

For the Star Ratings and Review Widget to display reviews and ratings, they must be installed inside a product section (e.g., product details, master product list, feature product, etc.). If not installed in these sections, they will only show 0 reviews.

To choose the widget type, click on the "Judge.me Reviews" add-on to reveal the configuration options in the left sidebar. Under the "Choose Widget" section, select the type of widget you want to display:

  • Select Star Badge if you want to display the Star Ratings.

  • Select Reviews if you want to display the Review Widget (product reviews).

  • Select Carousel if you want to display the Reviews Carousel (a carousel of your best reviews).

5. Adding other Judge.me widgets

  • To add other widgets, insert the widget code in the Custom Code block. Refer to this article for detailed instructions or contact [email protected] if you need help.

  • The Reviews Carousel, Floating Reviews Tab, and Reviews Page can be installed by enabling the widget in the Judge.me settings.

Did this answer your question?