When you install Judge.me, the preview badge and review widget are installed automatically on WooCommerce default product pages. 

If you want to install the above widgets or any of our other widgets on your custom pages, you can do so manually using our shortcodes.

In this guide, you will find all available shortcodes and multiple ways to install Judge.me widgets using shortcodes.


Available shortcodes

Preview badge
[jgm-preview-badge]
Review widget
[jgm-review-widget]
Preview badge and review widget for a specific product

[jgm-preview-badge id=insert-product-id]

[jgm-review-widget id=insert-product-id]

You can see how to find the product_id for WooCommerce in this article.

Review carousel

[jgm-featured-carousel title='insert-carousel-title' all-reviews-page='link-to-all-reviews-page']
All reviews textWe score [jgm-review-rating] out of 5 based on [jgm-review-count] reviews.

Verified reviews count badge

[jgm-verified-badge]

Floating reviews tab

[jgm-reviews-tab title='insert-tab-title' button=insert-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]

Install using the product editor in WooCommerce

  • In your WordPress admin, go to Products > Choose the product you want > Click Edit.
  • Add Judge.me shortcode in the text editor where you want it to appear. However, please note that widgets installed via this product editor will appear around the product description section only. 

Install using the Gutenberg editor

  • On the page where you want to add the widget, search for the Shortcode block.
  • Drag and drop the block where you want it. Add Judge.me shortcode.

Install using WordPress widgets

You can also add shortcodes using WordPress widgets but this means the widgets will only show in the “widget areas” recognized by the theme (footer, sidebar,...).

  • In your WordPress admin, choose Appearance > Customize.
  • Scroll down to find Widgets. There you can see which widget areas your theme supports.
  • Choose the widget area you'd like to add Judge.me widget.
  • Add a new shortcode block then add Judge.me shortcode.

Install using a page builder plugin

Elementor, Divi, Beaver,... all include HTML, Text, or Shortcode blocks that you can use to add the shortcodes, and then position, scale or move the blocks however you need.

1. Elementor

  • On the page where you want to add the widget, click Edit with Elementor.
  • On the left sidebar, search for the Shortcode block.
  • Drag and drop the block where you want it. Add Judge.me shortcode. then click Apply.

2. Beaver Builder

  • On the page where you want to add the widget, click Launch Beaver Builder.
  • On the right sidebar, look for the HTML module.
  • Drag and drop the module where you want it. Add Judge.me shortcode, then click Save.

3. Divi Builder

  • On the page where you want to add the widget, click Use Divi Builder > Use Visual Builder.
  • Add a new row then add the code module inside this row.
  • Add Judge.me shortcode, then click Save.

4. Flatsome - UX builder 

If you use Editor to build the page

  • On the page where you want to add the widget, change to Text editor.
  • Add Judge.me shortcode without it being wrapped in <pre> tags.

If you use UX-Builder to build the page

  • In your WordPress admin, go to UX Blocks > Add New > Name the block Judge.me.
  • Change to text editor and add Judge.me shortcode as a block and click Publish.
  • Then when you edit the page using the UX Builder, choose Add Elements > Block > Select Judge.me block.