Giving your readers easy ways to share your content is one of the best things you can do for your blog. In this tutorial I’ll show you how to add a pin it button to your blog images.
For myself and many other bloggers, Pinterest is our number one source of traffic. If you’re not using Pinterest to grow your blog, you’re missing out on tons of free traffic.
With Pinterest being as popular as it is, I’m sure you’ve seen those “pin it” buttons that appear when you hover over blog images.
I love “pin it” buttons because (1) they look cool, and (2) they increase the chances of your content being shared on Pinterest.
How to Add a Pin It Button to Your Blog Images
Before we get started, you’ll need to have your own “pin it” button. If you’re a Beautiful Dawn Designs subscriber, this is the perfect time to use the “pin it” buttons we have available as a part of our exclusive freebies.
If you’re not a subscriber, sign up below to gain access to our colorful collection of 12 Pinterest “pin it” buttons.
Join the list to download these Pinterest “Pin It” buttons.
Okay, let’s get started with the tutorial.
*As a word of caution, always backup your site before installing new plugins.
1. In your wp-admin go to Plugins > Add New.
2. Search for, install, and activate the jQuery Pin It Button For Images plugin.
3. In your dashboard, go to Settings > jQuery Pin It Button For Images.
4. These are the settings we used in the Selections tab. Feel free to edit these settings to your personal preferences. Remember to save your changes.
5. In the Visual tab, upload your “pin it” button where it says Custom “Pin It” button.
These are the settings we used in the Visual tab. Feel free to edit these settings to your personal preference. Don’t forget to save your changes.
Now, head over to your blog and take a look at your “pin it” hover button.
If you’re not happy with the location of the button, go back to the Visual tab and edit your “Pin it” button margins.
You can also increase or lower the transparency where it says Transparency value (in the Visual tab).
If you found this tutorial helpful, be sure to share it using the share buttons below. If you have any questions, leave them below and I’ll see if I can help.
Another Post You May Like:
How to Add a Pinterest Widget to Your Blog
Happy blogging,
Great tutorial Tiffany, so easy to follow.
Thanks so much Claire!
This helped me so much. Thank you!!
That’s awesome Victoria. Happy I could help. 🙂
I just wanted to say that I’ve been loving your blog for awhile now but I don’t think I’ve ever actually commented to tell you so. So … I love you blog. 🙂
xoxo
Allison
http://www.wonderlass.com
Hey Allison. Thanks so much for stopping by and taking the time to comment. Your blog is such a great resource, and I can’t wait to see what you have in store for 2016!
Thank you for the FREE “Pin it” Buttons. Your directions are so easy to follow!
I’m so glad you found the tutorial helpful Terrie. Your blog looks great! 🙂
Hello,
I just wanted to let you know that this tutorial helped me!!
Thank you dearly
Sincerely,
Kenia 🙂
Glad I could help Kena!
This is awesome, and so great for branding! I found this just in time, thanks so much for sharing.
Thank you for this tutorial. Worked like a charm!
Sweet. Glad it worked for you Krystal. Hey, you have a new website! It looks awesome.
Tiffany,
Great post, thank you. I set up this plug in but when I go to Pinterest to look at the image I pinned, it’s not linking back to my post. It’s linking to all posts on Pinterest that I’ve pinned. Really weird, I have the settings set up just like you. Any ideas? Also there’s a second pin it button that I can’t figure out how to disable. Any help is appreciated.
This was a fantastic post and so helpful!!! Thank you so much!!!
You’re welcome. I’m so glad the tutorial helped Laura!
Thank you!! I love the pin it images <3