Adding Judge.me widgets using shortcodes
Updated over a week ago

When you install Judge.me, the Star Ratings and Review Widget are automatically added to WooCommerce default product pages.

However, if you want to install these widgets or any of our other widgets on your custom pages, you can do so manually using our shortcodes.

Available 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.

Review 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]

Install using the WooCommerce product editor

  1. From your WordPress admin, go to Products

  2. Select the product you want and click Edit.

  3. In the Text editor, add the Judge.me shortcode where you want it to appear. Widgets installed via this editor will appear around the product description section only.

Install using the gutenberg editor

  1. On the page where you want to add the widget, search for the Shortcode block.

  2. Drag and drop the block to your desired location and add the Judge.me shortcode.

Install using WordPress widgets

You can also add shortcodes using WordPress widgets, but they will only show in the "widget areas" recognized by your theme, such as the footer or sidebar.

  1. From your WordPress admin, select Appearance and then click Customize.

  2. Scroll down to find Widgets to see which widget areas your theme supports.

  3. Choose the widget area where you'd like to add the Judge.me widget.

  4. Add a new shortcode block and insert the Judge.me shortcode.

Install using a page builder plugin

Popular page builder plugins like Elementor, Divi, Beaver Builder, and Flatsome's UX builder support shortcodes:

Elementor

  1. Edit the page where you want to add the widget with Elementor.

  2. Search for the Shortcode block in the left sidebar.

  3. Drag and drop the block to your desired location and add the Judge.me shortcode, then click Apply.

Beaver Builder

  1. Launch Beaver Builder on the page where you want to add the widget.

  2. Look for the HTML Module on the right sidebar.

  3. Drag and drop the module to your desired location, add the Judge.me shortcode, and click Save.

Divi Builder

  1. Click Use Divi Builder on the page where you want to add the widget, then select Use Visual Builder.

  2. Add a new row and place the code module inside it.

  3. Insert the Judge.me shortcode and click Save.

Flatsome - UX Builder

  • If you use the Editor to build the page, change to the Text editor and add the Judge.me shortcode without it being wrapped in <pre> tags.

  • If you use UX-Builder, go to UX Blocks in your WordPress admin, add a new block named "Judge.me," change to the text editor, insert the Judge.me shortcode as a block, and click Publish.

  • Then, when you edit the page using the UX Builder, select Add Elements > Block > Select Judge.me block.

Did this answer your question?