How to Create a Custom Pin It Button for Your Blog

Visual content is more engaging than just plain text. Statics show that images attract more readers, are more memorable and get more shares. If you want your content to be shared on Pinterest, images are a MUST. Pinterest makes sharing super easy with its small red button that appears on your image when you hover over it. But what to do if you want a custom Pin It Button for your Blog. Read this post and see how easy it is

Visual content is more engaging than just plain text.


Statics, like this one, show that images attract more readers, are more memorable and get more shares. If you want your content to be shared on Pinterest, images are a MUST. Pinterest makes sharing super easy with its small red button that appears on your image when you hover over it. But let’s face it. This button is not very attractive and in most cases doesn’t correspond to your brand’s style at all. But there’s a way to change this. You can easily create a custom Pin It Button for your Blog and here I will explain how it’s done.

  • What you need: a plugin called jQuery Pin It Button For Images + program to design your button
  • What you get: a customized Pin It Button that fits your style


Visual content is more engaging than just plain text. Statics show that images attract more readers, are more memorable and get more shares. If you want your content to be shared on Pinterest, images are a MUST. Pinterest makes sharing super easy with its small red button that appears on your image when you hover over it. But what to do if you want a custom Pin It Button for your Blog. Read this post to learn how to do this.
Create a button

You can create a button with Photoshop or Canvas. Just pick the program you are comfortable with. I used Illustrator to create mine, setting the canvas size to 300 x 300 px, which worked really well. Use colors and elements that fit your brand’s overall style. Make sure the button will stand out when it’s placed on your image but not so much that it will completely distract the reader. If you are unsure of what your brand style is all about, read my post on how to create a mood board for your blog.


What’s next

When your design is finished, save the file as PNG. Go to your WordPress dashboard and upload the file to your media library.


Install and activate the plugin

On your WordPress dashboard, go to add plugin and search for the jQuery Pin It Button For Images plugin. Once this is installed and activated, you will find it in your menu under settings.


Visual content is more engaging than just plain text. Statics show that images attract more readers, are more memorable and get more shares. If you want your content to be shared on Pinterest, images are a MUST. Pinterest makes sharing super easy with its small red button that appears on your image when you hover over it. But what to do if you want a custom Pin It Button for your Blog. Read this post to learn how to do this.
Last steps

There are many settings here but I will point out just a few. The plugin will work even if you don’t touch anything. I recommend looking under selection and adjust the pages you want your button to be shown, e.g. if you don’t want the button on your about page. Under visual you will find a place to pick your description source. This is important because this text will appear in pins, if somebody clicks your button. You have many options here like picture title or image alt attribute, which I picked. You can set up the button to show on hover and select where exactly on your image it will be shown.

 

Visual content is more engaging than just plain text. Statics show that images attract more readers, are more memorable and get more shares. If you want your content to be shared on Pinterest, images are a MUST. Pinterest makes sharing super easy with its small red button that appears on your image when you hover over it. But what to do if you want a custom Pin It Button for your Blog. Read this post to learn how to do this.

Then we come to the most important part. Also under visual, you will find the setting to upload your image. Afterward, you can change height and width depending on how large you want your button to be. I uploaded my 300 x 300 px image but here, in the settings, I selected a size of 150 x 150 px. This will ensure my resolution is good and the image will be nice and clean. Now save your changes, go to your page, and have a look on your new button.

 

Visual content is more engaging than just plain text. Statics show that images attract more readers, are more memorable and get more shares. If you want your content to be shared on Pinterest, images are a MUST. Pinterest makes sharing super easy with its small red button that appears on your image when you hover over it. But what to do if you want a custom Pin It Button for your Blog. Read this post to learn how to do this.


While you are here, you should check out my tutorial to set up Rich Pins for your blog. If this post was helpful don’t forget to share it with your friends. And follow me on Pinterest!


2 Responses to “How to Create a Custom Pin It Button for Your Blog”

  1. Great tutorial! Branding even just the smallest things is key, and this is a great and effective strategy to get your work out there on pinterest!

    • Sandra

      Being consistent with your branding, if it’s social media, your blog or other places you present your brand, is the most important factor to set your brand apart from others. When you see an image on Pinterest and you can immediately say which blogger it belongs to. That’s branding!

Leave a Comment