Adding widgets using shortcodes
Updated over a week ago

When you install, 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


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


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


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

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

Install using a page builder plugin

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


  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 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 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 shortcode and click Save.

Flatsome - UX Builder

  • If you use the Editor to build the page, change to the Text editor and add the 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 "," change to the text editor, insert the shortcode as a block, and click Publish.

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

If you need help adding widgets using shortcodes, contact our team at [email protected]. We're available to help 24/7!

Did this answer your question?