I’m an addict, I admit. Pinterest has me wrapped around its lovely finger and I won’t deny that obvious fact.
And I know that many women are like me and are wrapped around Pinterest’s finger as well. If you are, you may like pinning images from other people’s sites or articles to keep them in one place, your handy Pinterest board. If you’re on a site that can have content pinned from it, then you may have thought about installing a pin-it button so that when visitors hover over an image a pin-it image appears that they can click on, which leads to a pop-up that allows them to pin that image to whatever board they choose! It is an incredible awesome idea and very convenient for your site visitors (and you, because free publicity!).
Pin the image below to your favorite board + follow me on Pinterest by clicking here!
I found a super easy way for all you self-hosted WordPress lovers out there to install a super neat pin-it button on your site! I even included six FREE pin-it buttons that you can download at the end of this post.
1 | INSTALL JQUERY PIN IT PLUGIN (download here)
Go to this page and download the Jquery pin it plugin so we can start having fun.
2 | INSTALL PLUGIN
If you do not have WordPress, I’m sorry. This plugin only works if you have self-hosted WordPress! Go to the plugins tab on your sidebar and install the zip file you downloaded from step one. Make sure to activate the plugin after it is installed.
3 | GO TO THE SETTINGS
Awesome, you have downloaded, installed, and activated the plugin. You’ll get to a page that looks like this once you go to Settings > jQuery Pin It Button for Images Light. This is where the magic happens!
4 | SELECT PAGES
Select the pages you want the pin-it button to show on! These are my settings below but you can choose whichever pages you want.
5 | GO TO THE VISUAL TAB
Now after saving these changes, click on the visual tab. Before we add the pin it image you want to appear, there are three different settings that you want to make sure you are paying attention to. The “show button” option should be set on hover, so that when a site visitor hovers over your image the pin it button will appear! Second, the description source is what will show as the image description on Pinterest as default. There are multiple options so scroll through them and choose which one fits best for you! I chose “page title” because I felt like this was the easiest for me and my titles always give a clear representation of the blog post. With the linked page setting, make sure this box is checked that way the pin leads to the blog post itself not the home page of your site.
6 | ADD THE PIN IT IMAGE
This is the fun part! You get to choose which image you want and upload the image using your media library. If you don’t want to create your own then keep scrolling to the bottom of this post and download 6 different options to choose from (for FREE, duh). You can also choose the transparency value, so how faded you want the picture to get when a site visitor hovers over it. You can even decide where you want the pin it button to appear on the image, I always choose the middle but some choose top left or right. Just depends on personal preference!
Before you leave, friend, download these 6 free pin it buttons!
Leave a Reply