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!
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;
}
Hey Rodolfo,
Do you happen to have the addl css to turn the stars gold? #FFD700
Nope, sorry
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?
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?
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.
Hi Jessica, for sure!
Try replace
with
What about “Add a Review” button for that ID? Can you help me?
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!
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
Hi Christian, if the shortcode is showing as text and not outputting content, it could be there is a typo in your shortcode name?
Hello there,
Is there a way to create shortcode to display only review form without the comments on the top?
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!
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
You can get it by hovering onto any product in the WP admin
how can i get to show the comments attached photos
Do you use a plugin for comment attachments?
Can you do this for multiple products, so that you have shortcodes for all products?
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!
Is there an easy way to rewrite this to show responses to reviews (children of the original review with a depth of 2)?
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!
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
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!
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
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!
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.
Yes: https://developer.wordpress.org/reference/functions/get_comments/
If I can afford to post this code that allows you to view all reviews without entering the id:
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; }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; }Cool!
I want to show the product image also and not the comment author avatar.. How can I achieve this please ?
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!
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?
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!
Hi, may I know how can I get and display the comment image?
You mean the user avatar?
The attachment but is ok. I was successful to showing this.
Cool
hey mate, how did you get to show the comments attached photos please
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!
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!
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> - '; $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' ) ) ); }Cool
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?
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!
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 –
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!