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.
Star Ratings and Review Widget for a specific product
Check out how to find the product_id.
[jgm-featured-carousel title='insert-carousel-title' all-reviews-page='link-to-all-reviews-page']
All Reviews Text
Verified Reviews Counter
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:
Or on the right:
All Reviews widget
UGC Media Grid
Install using the WooCommerce product editor
From your WordPress admin, go to Products
Select the product you want and click Edit.
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
On the page where you want to add the widget, search for the Shortcode block.
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.
From your WordPress admin, select Appearance and then click Customize.
Scroll down to find Widgets to see which widget areas your theme supports.
Choose the widget area where you'd like to add the Judge.me widget.
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:
Edit the page where you want to add the widget with Elementor.
Search for the Shortcode block in the left sidebar.
Drag and drop the block to your desired location and add the Judge.me shortcode, then click Apply.
Launch Beaver Builder on the page where you want to add the widget.
Look for the HTML Module on the right sidebar.
Drag and drop the module to your desired location, add the Judge.me shortcode, and click Save.
Click Use Divi Builder on the page where you want to add the widget, then select Use Visual Builder.
Add a new row and place the code module inside it.
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
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.