This is a step-by-step guide for those who have purchased my WP Review Slider Pro WordPress plugin and want to use it to collect WooCommerce Product reviews.
Step 1: Import current product reviews.
Skip this step if you do not have any current WooCommerce product reviews.
In your WordPress Admin, go to WP Review Slider Pro > Get Reviews > Add Review Source > Click WooCommerce.
Select the Sync WooCommerce: Reviews option and then click Save Settings.
This will add all of your current WooCommerce reviews to the plugin and they will show up on the Review List page.
Step 2: Turn off the WooCommerce built-in review system.
Now that we have the old reviews in the WP Review Slider Pro plugin you can turn off the WooCommerce review system.
Go to WooCommerce > Settings > Products > General > uncheck “Enable product reviews” and Save Settings.
Step 3: Create a Review Template to Add to Product Pages.
Go to WP Reviews Pro > Templates > Add New Reviews Template button. This will be how we display the reviews on the Product page.
Give the review template a name and click Save & Close at the bottom. You can also change the look and feel here if you choose and even create a Grid or Slider.
Now I’m going to change it to 2 reviews per slide and 3 slides.
You also have to turn on the Product Filter on the Filter Settings tab…
This tells the review template to only display reviews related to the current Product that is being displayed.
Step 3: Add the review template to your Product Pages.
After you save the template there will be a Shortcode button out to the right.
Click the Shortcode button and you should get a pop-up like this…
Basically, you have two options for adding the review template to the product page. You can copy and paste the Shortcode directly on the description for the product or you can add some code to your theme functions.php file. If you have a lot of products then you are going to want to add it to your theme code so you do not have to do it to every product.
Here is how I would add it to my functions.php file for my Divi theme.
Go to Appearance > Theme File Editor > find the functions.php file and add this code…
// add review template on product page
function add_review_template($content) {
if ( get_post_type( get_the_ID() ) == 'product' ) {
$content .= do_shortcode( '[wprevpro_usetemplate tid="5"]' );
}
return $content;
}
add_filter('the_content', 'add_review_template');
That should display the review template on every product under the description like so…
Step 4: Create a review submission form.
Go to WP Reviews Pro > Forms > Add New Forms Template.
Give the Form a Title and you can hide some of the default Input fields and even add some custom ones. Use this to hide one…
I also like to have the form slide down from behind a button. To do that look for this setting…
When you are ready click the “Done Editing Form” button at the bottom. Then click the Shortcode button at the top.
We are going to also add this to our functions.php file. So go back and change the code so it looks like so. Keep in mind that the Shortcode tid will be different for your Form.
function add_review_template($content) {
if ( get_post_type( get_the_ID() ) == 'product' ) {
$content .= do_shortcode( '[wprevpro_useform tid="3"]' );
$content .= do_shortcode( '[wprevpro_usetemplate tid="5"]' );
}
return $content;
}
add_filter('the_content', 'add_review_template');
After you save the file you should now have the form on the Product page like so…
If you click the button it should expand to show the form like so…
Well, that’s about it. You can go back and edit the Review Template and Form to get the look you want. I hope this is helpful and let me know if you have any questions or issues by using the Contact methods built in to the plugin. Thanks! – Josh
