WooCommerce Tips

WooCommerce: Display Product Reviews @ Custom Page (Shortcode)

WooCommerce product reviews shows by default in the “Reviews” tab in the single product page. But what if, like me, you’re using custom sales pages and need to show such reviews elsewhere – by using a shortcode?

I’ve spent some time doing this for two Business Bloomer pages, the contact page (beside the request a quote form) and the Business Bloomer Club sales page (just above the pricing table), so I thought it would have been great sharing the snippet with you. Enjoy!

Here’s my custom “WooCommerce product reviews shortcode” output on a test website homepage.

PHP Snippet: WooCommerce Product Reviews Shortcode

Once the snippet below is added to your functions.php, simply use shortcode [[product_reviews id=”123″]] anywhere you like. Please note “id” is the ID of the product for which you want to output customer reviews.

/**
 * @snippet       WooCommerce Product Reviews Shortcode
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.9
 * @community     https://businessbloomer.com/club/
 */

add_shortcode( 'product_reviews', 'bbloomer_product_reviews_shortcode' );

function bbloomer_product_reviews_shortcode( $atts ) {
	
	if ( empty( $atts ) ) return '';

	if ( ! isset( $atts['id'] ) ) return '';
		
	$comments = get_comments( 'post_id=' . $atts['id'] );
	
	if ( ! $comments ) return '';
	
	$html .= '<div class="woocommerce-tabs"><div id="reviews"><ol class="commentlist">';
	
	foreach ( $comments as $comment ) {	
		$rating = intval( get_comment_meta( $comment->comment_ID, 'rating', true ) );
		$html .= '<li class="review">';
		$html .= get_avatar( $comment, '60' );
		$html .= '<div class="comment-text">';
		if ( $rating ) $html .= wc_get_rating_html( $rating );
		$html .= '<p class="meta"><strong class="woocommerce-review__author">';
		$html .= get_comment_author( $comment );
		$html .= '</strong></p>';
		$html .= '<div class="description">';
		$html .= $comment->comment_content;
		$html .= '</div></div>';
		$html .= '</li>';
	}
	
	$html .= '</ol></div></div>';
	
	return $html;
}

Where to add custom code?

You should place custom PHP in functions.php and custom CSS in style.css of your child theme: where to place WooCommerce customization?

This code still works, unless you report otherwise. To exclude conflicts, temporarily switch to the Storefront theme, disable all plugins except WooCommerce, and test the snippet again: WooCommerce troubleshooting 101

Related content

  • WooCommerce: Display All Products Purchased by User
    When a WooCommerce customer is logged in, you might want to show them the list of previously purchased products (maybe in a custom “My Account” tab). This is helpful when customers tend to buy the same products over and over again, and therefore you can help them “order again” without having them to search the […]
  • WooCommerce: Display Out of Stock Products (Shortcode)
    A client of mine wanted to show out of stock products on a separate page – so I coded a simple shortcode for you all! You can use this shortcode for different goals. For example, you might want to display what products you’ve sold to enhance customer trust / social proof. So let’s see (1) […]
  • WooCommerce: Recently Viewed Products (Shortcode)
    Currently, you can use a widget or a block to have the user see the list of products they recently viewed. But for now, let’s create our own shortcode… and let’s take advantage of the existing Business Bloomer ClubRated 5.00 out of 5 $19.00 – $999.00 /once Whether you’re only starting with WooCommerce or you’re […]
  • WooCommerce: Exclude Category from ‘product_categories’ Shortcode
    Sometimes solutions are very simple, and you don’t need rocket science to fix your issue! A client of mine needed to hide a category from the Product Categories Shortcode ( BloomerArmada (1) Online Courses (1) WooCommerce Mini-Plugins (30) ); in fact, there is no parameter that allows you to “exclude” a given product category such […]
  • WooCommerce: Exclude Category from ‘products’ Shortcode
    The WooCommerce Business Bloomer ClubRated 5.00 out of 5 $19.00 – $999.00 /once Whether you’re only starting with WooCommerce or you’re an experienced WordPress developer, we’ve got you covered. Enjoy day-to-day WooCommerce support, attend a Woo masterclass, view the member directory… joining the Club is really a no-brainer. See Details WooCommerce Toggle Payments By Category […]

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza. Follow @rmelogli

54 thoughts on “WooCommerce: Display Product Reviews @ Custom Page (Shortcode)”

  1. Kato

    Thank you, your code works!

    Reply
    1. Rodolfo Melogli

      Great!

      Reply
  2. Ricky Gomez

    Amazing work Rodolfo. If I would like to add the link so users can leave a review, how do I do it?

    Reply
    1. Rodolfo Melogli

      Hello Ricky, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  3. Ken

    I know this is older, but this tweak adds the stars and formatting very nicely. It’s also picking up comments from a recent blog post.(?)

    Reply
    1. Rodolfo Melogli

      Weird! Did you use the correct product ID inside the shortcode?

      Reply
  4. Rick Nichols

    Hey Rodolfo,
    Do you happen to have the addl css to turn the stars gold? #FFD700

    Reply
    1. Rodolfo Melogli

      Nope, sorry

      Reply
      1. Ricky Gomez

        In the additional CSS add

        .star-rating{color:#FFD700}

        Reply
  5. piyush

    Thanks for this even i was looking for from last 6 months and finally i found this amazing blog and it worked for me but i have a query on the same, please go through this page as you can see the same results but i want product name along with reviews . is it possible?

    Reply
    1. Rodolfo Melogli

      Thanks for your comment Piyush! You need to specify the product ID inside the shortcode, so why can’t you add the product name by “hand” just above the shortcode output?

      Reply
  6. jessica

    Hi, Nice snippet. Is ther a way to get product id dynamcally? I need to add this shortcode into a product template, so I can’t specify the prdocut ID.

    Reply
    1. Rodolfo Melogli

      Hi Jessica, for sure!

      Try replace 

      if ( empty( $atts ) ) return '';
if ( ! isset( $atts['id'] ) ) return '';

      with

      if ( ! is_product() ) return '';
$atts['id'] = get_queried_object_id();
      Reply
  7. Dean

    What about “Add a Review” button for that ID? Can you help me?

    Reply
    1. Rodolfo Melogli

      Hello Dean, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  8. Christian

    Hey, I am using your script since a while and I like it, but today I saw, that there ist only the shortcode on that page an no reviews.
    PHP is 7.4.25 an WP still 5.8.3
    Whats happend?
    greetz Chris

    Reply
    1. Rodolfo Melogli

      Hi Christian, if the shortcode is showing as text and not outputting content, it could be there is a typo in your shortcode name?

      Reply
  9. Andre

    Hello there,

    Is there a way to create shortcode to display only review form without the comments on the top?

    Reply
    1. Rodolfo Melogli

      Hello Andre, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  10. nico

    I don’t quite understand with your last statement
    “Please note “id” is the ID of the product for which you want to output customer reviews.”

    From what I’ve understood, I need to replace the “ID”. But I’m not sure where or what’s the my source. Or where to get the ID

    Reply
    1. Rodolfo Melogli

      You can get it by hovering onto any product in the WP admin

      Reply
  11. Renato Santana

    how can i get to show the comments attached photos

    Reply
    1. Rodolfo Melogli

      Do you use a plugin for comment attachments?

      Reply
  12. Austin

    Can you do this for multiple products, so that you have shortcodes for all products?

    Reply
    1. Rodolfo Melogli

      Hey Austin, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  13. Michael

    Is there an easy way to rewrite this to show responses to reviews (children of the original review with a depth of 2)?

    Reply
    1. Rodolfo Melogli

      Hi Michael, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  14. Joanna

    Hi, your posts are very usefull! Is it possible to change the customer reviews text near the star rating (below the product title in the single product page). For example, “100% satisfied” instead of “9 customers review”? Thank you so mych

    Reply
    1. Rodolfo Melogli

      Hello Joanna, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  15. David

    Thanks for this – very useful! One question, how does it behave when there is a lot of comments? Will it paginate according to woocommerce settings?

    Thanks

    Reply
    1. Rodolfo Melogli

      Hi David, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  16. Rahul

    Hi! is there any way to show the reviews with a limit up to 5 reviews per page? because I tried, it shows all the reviews and the page length is increased which I don’t want. Thanks in advance.

    Reply
    1. Rodolfo Melogli

      Yes: https://developer.wordpress.org/reference/functions/get_comments/

      Reply
  17. Davide

    If I can afford to post this code that allows you to view all reviews without entering the id:

    Reply
    1. Davide

      Sorry, edit with this ( my bad ):

      /*
 * @snippet       WooCommerce Product Reviews Shortcode
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.9
 * @community     https://businessbloomer.com/club/
*/
 
add_shortcode( 'product_reviews', 'bbloomer_product_reviews_shortcode' );
 
function bbloomer_product_reviews_shortcode() {
    
    $comments_query = new WP_Comment_Query;
    $comments = $comments_query->query( $args );
  
   $html .= '<div class="woocommerce-tabs"><div id="reviews"><ol class="commentlist">';
    
   foreach ( $comments as $comment ) {   
      $rating = intval( get_comment_meta( $comment->comment_ID, 'rating', true ) );
      $html .= '<li class="review">';
      $html .= get_avatar( $comment, '60' );
      $html .= '<div class="comment-text">';
      if ( $rating ) $html .= wc_get_rating_html( $rating );
      $html .= '<p class="meta"><strong class="woocommerce-review__author">';
      $html .= get_comment_author( $comment );
      $html .= '</strong></p>';
      $html .= '<div class="description">';
      $html .= $comment->comment_content;
      $html .= '</div></div>';
      $html .= '</li>';
   }
    
   $html .= '</ol></div></div>';
    
   return $html;
}
      Reply
      1. Davide

        This code respects the previous one Show reviews only reviews and not responses to reviews:

        /*
 * @snippet       WooCommerce Product Reviews Shortcode
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.9
 * @community     https://businessbloomer.com/club/
*/
 
add_shortcode( 'product_reviews', 'bbloomer_product_reviews_shortcode' );
 
function bbloomer_product_reviews_shortcode() {
    
	$args = array(
			'status' => 'approve',
			'type' => 'review',
			'number' => $reviews_per_page,
			'offset' => $offset
		);

		// The Query
		$comments_query = new WP_Comment_Query;
		$comments = $comments_query->query( $args );

   $html .= '<div class="woocommerce-tabs"><div id="reviews"><ol class="commentlist">';
    
   foreach ( $comments as $comment ) {   
      $rating = intval( get_comment_meta( $comment->comment_ID, 'rating', true ) );
      $html .= '<li class="review">';
      $html .= get_avatar( $comment, '60' );
      $html .= '<div class="comment-text">';
      if ( $rating ) $html .= wc_get_rating_html( $rating );
      $html .= '<p class="meta"><strong class="woocommerce-review__author">';
      $html .= get_comment_author( $comment );
      $html .= '</strong></p>';
      $html .= '<div class="description">';
      $html .= $comment->comment_content;
      $html .= '</div></div>';
      $html .= '</li>';
   }
   $html .= '</ol></div></div>';
   return $html;
}
        Reply
        1. Rodolfo Melogli

          Cool!

          Reply
          1. Amanur Rahman

            I want to show the product image also and not the comment author avatar.. How can I achieve this please ?

            Reply
            1. Rodolfo Melogli

              Hi Amanur, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

              Reply
  18. Koen

    I it also possible to make a shortcode for the star rating only? I want to display the stars on a different page, which php code should I use?

    Reply
    1. Rodolfo Melogli

      Hey Koen, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  19. winther

    Hi, may I know how can I get and display the comment image?

    Reply
    1. Rodolfo Melogli

      You mean the user avatar?

      Reply
      1. winther

        The attachment but is ok. I was successful to showing this.

        Reply
        1. Rodolfo Melogli

          Cool

          Reply
          1. Fadi

            hey mate, how did you get to show the comments attached photos please

            Reply
  20. reu

    hello! I have put your code on a page and the star rating does not display properly as an image.. it only displayed as “Rated 4 out of 5”..
    can you please help me how to show the star images? thanks for your help!

    Reply
    1. Rodolfo Melogli

      Reu, thanks so much for your comment! Yes, this is definitely possible with a bit of CSS, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
      1. Vlado

        Here is how to show stars and date:

        /*
 * @snippet       WooCommerce Product Reviews Shortcode
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.9
 * @community     https://businessbloomer.com/club/
*/
  
add_shortcode( 'product_reviews', 'bbloomer_product_reviews_shortcode' );
function bbloomer_product_reviews_shortcode() {
    $comments_query = new WP_Comment_Query;
    $comments = $comments_query->query( $args );
   
   $html .= '<div class="woocommerce"><div id="reviews" class="woocommerce-Reviews">
	<div id="comments"><div class="woocommerce-tabs"><div id="reviews"><ol class="commentlist">';
     
   foreach ( $comments as $comment ) {   
      $rating = intval( get_comment_meta( $comment->comment_ID, 'rating', true ) );
      $html .= '<li class="review">';
      $html .= get_avatar( $comment, '60' );
      $html .= '<div class="comment-text">';
      if ( $rating ) $html .= wc_get_rating_html( $rating );
      $html .= '<p class="meta"><strong class="woocommerce-review__author">';
      $html .= get_comment_author( $comment );
      $html .= '</strong>&nbsp;-&nbsp;';
      $html .= smk_get_comment_time( $comment );
      $html .= '</strong></p>';
      $html .= '<div class="description">';
      $html .= $comment->comment_content;
      $html .= '</div></div>';
      $html .= '</li>';
   }
     
   $html .= '</ol></div></div></div></div></div>';
   return $html;
}
function smk_get_comment_time( $comment_id = 0 ){
    return sprintf( 
        _x( '%s ago', 'Human-readable time', 'text-domain' ), 
        human_time_diff( 
            get_comment_date( 'U', $comment_id ), 
            current_time( 'timestamp' ) 
        ) 
    );
}
        Reply
        1. Rodolfo Melogli

          Cool

          Reply
  21. Lori Newman

    This is great, thanks for sharing. Is there a way to also add Leave your rating above or below the reviews similar to that in the woocommerce tab as well so someone can leave a review also?

    Reply
    1. Rodolfo Melogli

      Hi Lori, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
  22. Rick Gutlon

    Another super helpful snippet to learn from!

    Q: What is the best way to manually populate comments into the system? We have many to use from another application that we’d like to populate throughout the site (they are not specifically product related).

    Thanks –

    Reply
    1. Rodolfo Melogli

      Hi Rick, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

      Reply
Questions? Feedback? Customization? Leave your comment now!
_____

If you are writing code, please wrap it like so: [php]code_here[/php]. Failure to complying with this, as well as going off topic or not using the English language will result in comment disapproval. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining the Business Bloomer Club to get quick WooCommerce support. Thank you!

Your email address will not be published. Required fields are marked *