I write this “Pin It” Images-A How-To with a whole lot of excitement. I feel like I got a major blogger win with this one! And I am eager to share what I learned in hopes of helping you!
What am I talking about? I am talking about figuring out how to do something that I have seen on other blogs and wanted to emulate but had no clue how to. So today I spent an hour learning how to do it with little to no help. And guess, what?! I figured it out.
So now, I am going to explain to you step by step how to do it. If you are like me, still relatively new to the blogging world and figuring out all the ins and outs of various plugins, I am here to help!
I am sure you have seen those blogs that contain the great images that look like they are just ready to pop right on over to Pinterest. For awhile now, I’ve admired those blogs. But, I didn’t have the slightest idea how to do that myself or if that was even a capability on my own specific blog.
That was until I dove in and decided to make it happen. I started with reading a post similar to the one I am building here about how to add the “Pin It” button to images on a blog. It had some outdated information so I really had to figure it out from there with little to go off of. Below, I am going to break down how to add the “Pin It” button to your images in the simplest way I know.
The plugin I am using is for WordPress. It’s called “JQuery Pin It” and its fairly simple to use. First download and activate the plugin using the plugin section of WordPress
Then go into the settings which is where you will need to be sure to follow some specific instructions in order to make it work how you’d like
For this specific “Pin It” Images-A How-To, I am focusing on how to create an image that can be pinned directly to Pinterest. There are ways to have it make all of your images able to be pinned. However for the sake of this post, we are only going to look at how to add a specific image that you want to be noticed by your readers.
For the most part, many of our images are either for decoration or information purposes. However, it is great to also have the option for your readers to be able to pin an image of your choice directly to their Pinterest accounts with just a few clicks.
Let’s start in the JQuery plugin that you just activated.
- Under settings, choose “Selection”
- Under enabled class, enter a word of your choosing that you can enter into the class section for the images that you want to be pinned
For example, you could use “pin” or “add to pinterest” all as one word. Or you could use your name or blog’s name. Point is, use something that you are going to remember and that you can easily enter into a specific image’s class box to make it able to pin (we will discuss the class down below).
There are other ways to do this. But after experimenting with those, I came to the conclusion that the easiest way to flag specific images per post is to do what I mentioned above.
Next, scroll down and go to the section that talks about which pages you want the “Pin It” button to show. Start with using the key words guide below the boxes. Be sure to use the [ and ] for it to work correctly. For example, I only entered [single] as I didn’t want or need pinned images on my home page or on my separate category pages. You can get as specific as you want to here or you can make it very simple.
My advice is to start simple. Make sure it works then explore more options as you get comfortable with the settings of the plugin.
After you have added everything on your “Selection” tab, move on to the next one titled, “Visual.” Some items worth paying attention to here include checking the boxes of your description source. Definitely check on your transparency. I recommend 0.2 here so that your image slightly highlights when it is hovered over indicating that it can be pinned.
I did not change any of the pin image sizing settings. If you are able to do that when you actually add the image, then do it that way. It is much easier to adjust the image within the post.
You can choose where you want the “Pin It” button to be displayed. And you can adjust the actual pin image itself. The icon shape, size and button can all be modified based on your preferences. I did learn that you can also add your own specific button type. But to be honest, I don’t see a benefit in doing that because the provided one clearly shows your readers the option to pin the specific image. It also looks like the actual Pinterest logo (and even might be it) so it’s extremely clear.
Now to the fun part of our “Pin It” Images-A How-To. Let’s look at images and the last steps in making sure they can be pinned straight from your blog posts.
What Type of Images?
I choose to use the specific images that I have already made into pins. Though I make multiple for each of my posts, I choose one that most fits the aesthetic of the post. Then I work to embed that somewhere into my post. I am still playing around with where the pinned image fits best. But so far for me, that is at the very end of my post so readers can easily decide to pin after reading the full post.
I have seen other bloggers place their “Pin It” images in the middle of their posts. It is also common to add several throughout the entire reading. I don’t think there is a right nor wrong way of doing this. As it is specific to each person’s blog preferences and the overall aesthetic of their theme.
My other recommendations for the type of images includes using an image that fits the style of what you are seeing on Pinterest. Pinterest loves vertical pins with strong titles. I also recommend including your website on the pin and keeping it visually engaging but not overwhelming. For an example, see the end of this post. “Pin It” to show your support if you found this how-to helpful!
Changing the Class
To actually make those great images that we talked about above in to ones that can be pinned, follow along.
- Add your image where you would like it
- Click the image
- Make sure you have the “block” box pulled up from your settings
- Click advanced settings
- Locate the box that says CSS class
- In that box, enter the word you chose from the section where you enabled your selection
- Save your settings and preview your post
In preview, if you see the Pinterest logo image come up on your image when you hover over it then you know you followed the steps correctly! If so, congrats! You mastered “Pin It” Images-A How-To and are ready to get to it!
I just wanted to briefly touch on why I think that adding images that can be pinned to your blog posts is an important tool.
For starters, Pinterest is one of the most powerful tools to utilize as a blogger. As a huge search engine, Pinterest pins can drive traffic directly to your blog.
The more you are pinning content that links back to your blog posts, the more chances you have to drive traffic to it. So why would you not want to give your readers the opportunity to take a specific image that you are already pinning and pin it to their boards easily? Really, it is a win-win in my eyes!
You create the pin. You add it to your post and make it shareable and then readers that love your post can pin it! Your content gets out there more. More traffic is driven your way and your readers have your pin on their boards for easy reference. Need I say more?
Done & Done
That’s a wrap on the “Pin It” Images-A How-To and I sure hope you found it helpful. As I mentioned, there are multiple ways to make pinned images. You just have to see what works best for your business but this guide should get your started.
If you have any tips and tricks on this topic, feel free to share below!
Finally, you can find more blog related posts, right here and do not forget to show me the love by pinning the image below!