Subscribe to receive my FREE email course to help you improve your blog design and grow your audience with actionable exercises that do not require a designer or developer!
If you want to drive people to your blog, it’s worth spending the time investing in Pinterest. No other social media platform will continue to drive traffic to your site the same way that Pinterest can. I’ve shared with you the steps to optimize your Pinterest account and best practices for pinning, but today, I wanted to show you how you can quickly setup a custom pin it button on your site.
What You Need:
- Self-Hosted WordPress
- Install Jquery Pin It button For Images
- Install the Jquery Pin It Button for Images Plugin
- Once you have activated the plugin, go to SETTINGS < JQUERY PIN IT BUTTON
- In the SELECTION Tab, you will see different settings regarding MINIMUM IMAGE RESOLUTION and ON WHICH PAGES THE “PIN IT” BUTTON SHOULD BE SHOWN.
- Minimum Image Resolution: You want to adjust these settings to make sure that the Pin It button does not show up on your affiliate widget images. I regularly see blogs where their RewardStyle widgets have the pin it button. When I click that image, I’m taken to the Pinterest and not the affiliate link. Missed revenue for the blog, and poor user experience. Therefore, I typically set these images to be at least 350 pixels wide and tall. I’m also less particular about Pinterest on mobile since Safari has social sharing built-in.
- On Which Pages: I do not like specific parts of my site to be pin-able. For example, my static pages such as the About page – those images rarely change, nor do I want my Pinterest traffic to come to my about page. The brackets refer to the WordPress templates used in theme builds.
- Once I have updated my SELECTION setting, I press SAVE CHANGES. Then go to the VISUAL TAB.
- In the VISUAL TAB, you will upload your custom Pin It Button.
- SHOW BUTTON refers to when the button will appear; the default mode is that the button is displayed when the reader hovers overs the image.
- DESCRIPTION SOURCE is the text for the pin description. You can drag and drop these to reorder these choices in priority. If something is not available, it will go to the second choice. I typically select Post Title, Image Title Attribute, and Post Description (excerpt).
- TRANSPARENCY refers to the image transparency when the button appears. I prefer a very subtle effect – such as .05!
- Under PIN IMAGE, select CUSTOM. Then upload your image. The height and width will update automatically, but I always have it with retina displays. So if my Pinterest image is a square that’s 130 pixels wide, I will resize it to 65 pixels by 65 pixels.
- The PIN BUTTON Position refers to the location the button will appear on the hover. You can also add margins to the button if you don’t want it flush with the edges of the image.
- Press SAVE CHANGES when you have finished your settings.
You are set! The pin button is now added to your images so that readers can easily pin your content. If anything looks wonky with your site, check these settings first.
I have used this plugin for years, and if a client ever runs into an issue, it’s always because this configuration have changed!
You might also like How to Add Instagram Widget to Your WordPress Blog and How to Create Columns in Pages
Want more WordPress tutorials? Check out more posts!