How To Add Pinterest Pin-It Button Over Your Photos In WordPress

Pinterest is one of the best social media networking websites that can drive much traffic to your website. If you are working a lifestyle, photography, or portfolio website, then you absolutely desire to see your photos pinned. Before we revealed you how to add a Pinterest Pin it button in WordPress & display your latest pins in sidebar. In this article, we will reveal you how to add Pinterest Pin it button over your pictures on WordPress. This button will come into view only when the consumer brings their mouse over your photos permitting them to rapidly pin that special image.

How to Add Pinterest Pin-it Button Over Your photos in WordPress

First of all you need to do is installed & activate the Pinterest Pin it Button for Images plugin. After activation you require to go to Settings » Pinterest Pin it to configure the plug-in.

How to Add Pinterest Pin-it Button Over Your photos in WordPress2

On the plugin’s settings page, you can select where you would like to display the Pin it button on your WordPress website. You can choose to reveal it on all pages, index or main page, single post, etc. The next choice is to select the default description. You can choose from post title, post title & URL, post title & website title, etc. This will be sent as photo description along with the pinned image.


If you desire to exclude a few images from displaying the Pin It button, then you can add “no-pin” CSS class to the images you desire to be excluded. When you would like to do that, just switch to Text editor while writing your post & add the CSS class to your photo code like this:

<image src=”” alt=”valley” width=”700″ height=”454″ class=”no-pin align none size-full wp-image-1531″ />

Pinterest Pin it Button for Images as well permits you to disable automatic show of Pin it button. You can selectively show the button only on photos with CSS class “pin this” added to them. To do that, first you require to make sure the box next to Show “Pin it” button only on images with class=”pin this” choice under the Advanced part on the plugin’s settings page & save your settings. After that when you are adding an picture that you desire to have a Pin it button, switch to text editor on the post edit screen & add “pin this” CSS class to the photo code like this:

<img src=”” alt=”valley” width=”700″ height=”454″ />

If you desire to add Pinterest or other share buttons on YouTube Videos, then follow this tutorial. We expect this article assisted you add a Pinterest Pin it button for photos in WordPress. Let us know how you are utilizing this on your website & which settings you discover more successful by leaving a comment below.

About the Editorial Staff


More on WPBeginner Right Now

4 1 3 2

WPBeginner’s WordPress Training Videos Free


Leave a Reply

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