You can add Judge.me widgets—like the Star Ratings, Review Widget, and more—in WooCommerce using shortcodes. This is helpful when you're customizing non-default product pages or using page builder plugins.

Automatically added widgets

When you install Judge.me, the Star Ratings and Review Widget are automatically added to WooCommerce's default product pages. If you're using custom pages or themes, follow the instructions below to add widgets manually using shortcodes.

Available Judge.me shortcodes

Star Ratings	[jgm-preview-badge]
Review Widget	[jgm-review-widget]
Star Ratings and Review Widget for a specific product	[jgm-preview-badge id=insert-product-id] [jgm-review-widget id=insert-product-id] Check out how to find the product_id.
Reviews Carousel	[jgm-featured-carousel title='insert-carousel-title' all-reviews-page='link-to-all-reviews-page']
All Reviews Text	We score `[jgm-review-rating]` out of 5 based on [jgm-review-count] reviews.
Verified Reviews Counter	[jgm-verified-badge]
Floating Reviews Tab	[jgm-reviews-tab title='reviews tab title' button='button title'] The default position of the Floating Reviews Tab is at the bottom. You can apply CSS to display it on the left: .jdgm-revs-tab-btn { bottom: 50%!important; left: 0!important; transform: rotate(-90deg) translate(-50%, 50%); transform-origin: 0 50%; } Or on the right: .jdgm-revs-tab-btn { bottom: 50%!important; right: 0!important; transform: rotate(90deg) translate(50%, 50%); transform-origin: 100%; }
All Reviews Widget	[jgm-all-reviews]
UGC Media Grid	[jgm-ugc-media-grid]

Ways to install Judge.me shortcodes in WooCommerce

1. Add shortcodes using the product editor

From your WordPress admin, go to Products.
Click Edit on the product where you want the widget.
In the Text editor, paste the Judge.me shortcode where you'd like the widget to appear.

Note: Shortcodes placed here will appear around the product description section.

2. Add shortcodes using Gutenberg editor

Open the page in the WordPress editor.
Search for the Shortcode block.
Drag the block to your preferred location and paste the Judge.me shortcode.

3. Add shortcodes using WordPress Widgets

Go to Appearance > Customize.
Scroll to Widgets to see available widget areas (e.g., Footer, Sidebar).
Choose a widget area and add a Shortcode block.
Paste the Judge.me shortcode and save your changes.

Note: Widgets added this way only appear in theme-supported areas.

4. Add shortcodes using page builder plugins

Judge.me shortcodes work with most popular page builders:

Elementor

Open the page in Elementor.
Search for the Shortcode widget.
Drag it to your desired position, paste the shortcode, and click Apply.

Beaver Builder

Launch Beaver Builder on the desired page.
Drag the HTML Module into place.
Add the shortcode and click Save.

Divi Builder

Click Use Divi Builder and select Use Visual Builder.
Add a Code Module inside a row.
Paste the shortcode and save.

Flatsome – UX Builder

If using the Editor: Switch to the Text editor and paste the shortcode (don’t wrap in <pre> tags).
If using UX Builder:
1. Go to UX Blocks in your WordPress admin.
2. Create a block named "Judge.me", switch to Text editor, and paste the shortcode.
3. Click Publish.
4. In UX Builder, go to Add Elements > Block > Select Judge.me block.