by Rachel Nielsen | Guest Contributor
I am going to walk you through how to add a Pin It button to the images on your blog. It is really easy and will take you under 3 minutes. Maybe even less.
On the admin side of your blog, look on the left side for the tab that says ‘Plugins’. Click that and then at the top of the list of installed plugins, click ‘Add New’.
That will bring up a search box. The one I use is called ‘Jquery Pin It Button for Images’. Type that into the search bar and then click the ‘Search Plugins’ button.
It will pull up a list of plugins that match what you typed in and ones it thinks are relevant to what you are looking for. Find it on the list and you will notice that each one it pulls up has a ‘Details’ button and a ‘Install Now’ button.
Before installing plugins, make sure you click on the ‘Details’ tab to make sure it is a plugin that is compatible with your version of WordPress. Also it is a good idea to look for ones that have been updated recently too. You can see in this screenshot below that this plugin has been updated recently and also works with the latest version of WordPress.
Next step is to click the ‘Install Now’ button. It will pop up a little box to make sure it is something you really want to do and when it does, go ahead and click ‘ok’. This will install it on your blog.
Once that has installed, click on ‘Activate’ so that we can go in and adjust the settings (if needed).
Now go back to the Plugins tab and you will see the ‘Jquery Pin It Button for Images’ in your list. Just underneath it, there is a little tab that says settings. Click on that and it will bring up a bunch of options that you can customize for your blog.
On the settings page, you will see lots of options as you scroll and to be honest, this plugin works great as soon as you click activate. There are a couple of places worth noting as you go through them though. The first is where to display the button on your blog. You can choose to have it display on posts or pages or both. Make sure to check the ones you would like it to show on and uncheck the ones where you do not want it to be.
As you scroll down, you will also see a place to make your own Pin It button too. You can upload a custom image you create and that will be your hover image. Make sure to check the little box that says to use the custom image. This is really fun because you can make something to match your blog if you would like.
Most of the settings on there are pretty self-explanatory. Some of the other options there are things like only showing the Pin It button on a certain size image and up, the transparency of the hover, and the position of where you would like the button to be on your images. There is also a place to preview the image hover.
And….thats it! You should now have a ‘Pin It’ button when you hover on all of your blog images. Here is an example on my blog of the image before hovering my mouse and what it looks like when I hover over the image.
Rachel Nielsen is a professional photographer specializing in modern weddings and she is based in Salt Lake City, Utah. She loves her supportive hubby, their 5 little ones, buttery backlit images and staying up late to read. She has an on-going love affair with Photoshop and almost loves it as much as she loves taking photos. Almost. She also is the co-owner of Digital Darkroom Secrets which teaches online, Lightroom and Photoshop tutorials.