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 Bloomer Armada 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
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */

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;
}
Was this article helpful?
YesNo

Where to add custom code?

You should place PHP snippets at the bottom of your child theme functions.php file and CSS at the bottom of its style.css file. Make sure you know what you are doing when editing such files - if you need more guidance, please take a look at my guide "Should I Add Custom Code Via WP Editor, FTP or Code Snippets?" and my video tutorial "Where to Place WooCommerce Customization?"

Does this snippet (still) work?

Please let me know in the comments if everything went as expected. I would be happy to revise the snippet if you report otherwise (please provide screenshots). I have tested this code with Storefront theme, the WooCommerce version listed above and a WordPress-friendly hosting.

If you think this code saved you time & money, feel free to join 17,000+ WooCommerce Weekly subscribers for blog post updates and 250+ Business Bloomer supporters for 365 days of WooCommerce benefits. Thank you in advance!

Need Help with WooCommerce?

Check out these free video tutorials. You can learn how to customize WooCommerce without unnecessary plugins, how to properly configure the WooCommerce plugin settings and even how to master WooCommerce troubleshooting in case of a bug!

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.

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

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

  2. 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?

    1. 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?

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

    1. 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();
      
  4. What about “Add a Review” button for that ID? Can you help me?

    1. 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!

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

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

  6. Hello there,

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

    1. 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!

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

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

  8. how can i get to show the comments attached photos

    1. Do you use a plugin for comment attachments?

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

    1. 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!

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

    1. 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!

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

    1. 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!

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

    1. 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!

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

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

    1. Sorry, edit with this ( my bad ):

      /*
       * @snippet       WooCommerce Product Reviews Shortcode
       * @how-to        Get CustomizeWoo.com FREE
       * @author        Rodolfo Melogli
       * @testedwith    WooCommerce 3.9
       * @donate $9     https://businessbloomer.com/bloomer-armada/
      */
       
      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;
      }
      1. 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
         * @donate $9     https://businessbloomer.com/bloomer-armada/
        */
         
        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;
        }
        
        1. Cool!

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

            1. 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!

  15. 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?

    1. 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!

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

    1. You mean the user avatar?

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

        1. Cool

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

  17. 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!

    1. 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!

      1. 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
         * @donate $9     https://businessbloomer.com/bloomer-armada/
        */
          
        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' ) 
                ) 
            );
        }
        
        1. Cool

  18. 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?

    1. 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!

  19. 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 –

    1. 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!

Questions? Feedback? Support? Leave your Comment Now!
_____

If you are writing code, please wrap it between shortcodes: [php]code_here[/php]. Failure to complying with this (as well as going off topic, not writing in English, etc.) will result in comment deletion. 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 BloomerArmada to get blog comment reply priority, ask me 1-to-1 WooCommerce questions and enjoy many more perks. Thank you :)

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