How to add pinterest button to the product images in Woocommerce?

In this tutorial, I will show you how to add a “Pin it” button to the Woocommerce product page images.

To Start with, Go to this URL to get the code :


Click on the Blue Button in the image above to get the Code.

In this tutorial, I am going to add the button to product page so that User can Pin the Product Images to the Pinterest. By the way, You can add this Code anywhere in the website to get this Pin it button.

Go to:   ROOT/wp-content/plugins/woocomemrce/templates/single-product   (And open product-image.php from here. Now place the pin it widget code here.)

code-pasteAfter Adding the code, You will see Pin it button in the product Images.


Upon clicking this button it will display all images of the product and you can pin every image solely.

pin-in-workedIt will be Pinned to your Pinterest account.


I hope you enjoy reading this blog post. If you want my team to do WooCommerce Maintenance for you, click here.

Leave a Comment

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