Add Pin It Button to WordPress & Other Platforms

The popular virtual pinboard Pinterest has expanded the number of platforms where its well-known Pin-It button can be included. Now the Pin It button can be easily added to WordPress, Tumblr, Blogger, and Wix, according to the official Pinterest business blog.

Now that you can easily add this button to a company blog, it’s much easier for your blog followers to pin images or video from that blog to Pinterest. This in turn has the potential to greatly expand the reach of your business’s marketing messages.

Add Pin It Button To WordPress

To add the Pin It button to your WordPress, simply install the Pinterest plugin that allows you to do so. According to WordPress.org, installation instructions for the Pinterest Hover Pin It button for WordPress are as follows:

1. Upload pin_it_button.php to the /wp-content/plugins/ directory
2. Activate the plugin through the “Plugins” menu in WordPress
3. Go to Settings -> Pin It Button to enable the hover Pin It button

This plugin allows a Pin It button to be seen when visitors to your WordPress hover over any images that are 120×120 or greater. You can even choose the button style you want.

Add Pin It Button To Tumblr

For Tumblr, you have the option of adding either the Pin It button or the hovering Pin It button to your blog. This will allow pinning of both images that meet certain size specifications as well as the pinning of videos from YouTube, Vimeo, TED and Kickstarter. According to the Pinterest Help Center, the instructions are as follows:

The first thing you need to do if you want to add a follow button, Pin widget, profile widget, or board widget, is add a JavaScript line.

To add the JavaScript line:

1. On your Tumblr dashboard, pick the blog you want to edit then click Customize.
2. Click Edit HTML from the Customize screen
3. Scroll to the bottom of the code
4. Check to see if your code has pinit.js in it—if it does, you’re done!
5. If not, add this right above the closing </body> tag: <script type=”text/javascript” async src=”//assets.pinterest.com/js/pinit.js”></script>

To add a hovering Pin It button:

1. Make sure you added your JavaScript line using the steps above.
2. On your Tumblr dashboard, pick the blog you want to edit then click Customize.
3. Click Edit HTML from the Customize screen.
4. Scroll to the bottom of the code.
5. Add data-pin-hover=”true” before the “src=” part from step 4 above. ​Your new line should look like this: <script type=”text/javascript” async data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script>.
6. Click Update Preview. You should see the Pin It button appear when you move your cursor over the example image on the right. If you don’t, go back to step 4 and make sure that everything looks in place.
7. Click Save.

Pin It Button on Blogger

You don’t have to do much to implement the Pin It button on Blogger now that it’s one of the default sharing buttons. On Blogger, the button will automatically pick up the first image in your blog post, auto-format the description to say “Blog title: blog post title,” and auto-select the URL as the blog post’s permalink. Even so, you can follow the following instructions from the Pinterest Help Center to make changes:

To add the Pin It button:

1. On your Blogger dashboard, go to the Layout section
2. Click edit in the Blog Posts section
3. Scroll to Show Share Buttons, and check the box if it isn’t already checked
4. Rearrange anything if needed in the Arrange Items section then click Save

Pin It Button on Wix

You also don’t need to do too much leg work with Wix since the Pin It button is now a fixture on the Wix.com page editor. Basically, the Pin It button will create a Pin from the image and description you specify, linking back to the page of the site you’re on when you click the button. While the process is pretty cut-and-dry, the Pinterest Help Center does share the following instructions:

To add the Pin It button:

1. Click Add (+) on the left side of your editor
2. Click Social
3. Scroll to the bottom and click Pinterest Pin It
4. Drag the Pin It button to where you’d like it on your page

The Pin It button will create a Pin based off of the image and the description that you pick. The Pin will link back to the page you’re on when you click Pin It.

Do you plan to implement the Pin It button in any of these new platforms?

About Bigfin.com

Bigfin.com LLC is an industry leader in search engine optimization, web design and social media. Looking for online marketing or web development services? Contact us online or by phone at 425-822-8200.

Image via BusinessBlog.Pinterest.com