HostGator Web Hosting

How to put a Pinterest “Pin It” Button on a WordPress Site

Pinterest is quickly becoming one of the most popular social media sites in the World.  It’s user base has been growing at an incredible rate over the past few months and all signs point to that growth continuing.  What makes Pinterest unique from all of the other traditional social media sites is that it’s an online pinboard.  It’s a site that allows you to organize all of the cool things that you find online in one place and share them with your friends.

Pinterest has potential to become the most traffic heavy social media site within the next 2 years.  That’s right, we’re saying it very well could over take the giants and become THE site that people go to when the go online.  If you own a website, more specifically a WordPress site, then you’ll definitely want to take advantage of Pinterest’s rapidly growing popularity by having a “Pin It” button on every important page/post of your WP site.Pinterest Button WordPress  In this tutorial, we’ll show you how to quickly and easily add a “Pin It” button to your WordPress site with a free Pinterest plugin.

Installing the Pinterest “Pin It” Button

In our opinion, the best Free WordPress plugin for Pinterest is called, Pinterest “Pin It” Button.  The plugin is easy to install, easy to configure and easy to add a Pinterest “Pin It” Button to every Page and/or Post of your WordPress site.  Here’s how to install the Pinterest “Pin It” Button…

Step 1:  In your WordPress admin go to Plugins > Add New > search for: Pinterest “Pin It” Button > install and activate the plugin.

Step 2:  Now that the Pinterest “Pin It” Button plugin is installed, the next step is to configure the settings.  On the left sidebar of your WP admin click on the Pin It Button settings > select the Button Style > Button Visibility (we recommend selecting Blog Home Page, Front Page, Individual Posts and WordPress Static Pages) > Button Placement is next and we recommend selecting both Above Content and Below Content.

Step 3:  There’s an option for Advance Styling and CSS… You should choose to use this option if you have other buttons such as Google Plus on each page of your WP site.  You should use the Advanced Styling and CSS box to format the “Pin It” button so that there is a space between it and you’re other social bookmarking buttons.  We’ve pasted the exact CSS to use below the tutorial video.  Simply copy and paste the CSS code into the Advanced Styling and CSS box > click Save Settings and you’re good to go.

The end result is that you’ll now have a Pinterest Pin It Button on every important page of your WordPress site.  This matters because your site users that are active on Pinterest will have the ability of adding your Posts / Pages to their collection of favorite things on the Internet.  Overtime this will potentially lead to more site traffic and higher page rank.

Below is the is the CSS code for the Advanced Styling and CSS box…

.pin-it-btn-wrapper {
float: left;
padding-top: 14px;
margin-right: 5px;

HostGator Web Hosting


  1. I do not have the “plug-in” option on my wordpress website. Any help would be appreciated. I just want to add the “pin it” pinterest button. Thank you.

    • When you log into your WordPress admin click on “Screen Options” which is located in the upper right-hand corner of your screen. Make sure that the “Plugins” box is checked. If the Plugins check-box is checked then the Plugins settings should show up on the left side-bar in the WordPress admin. Let me know if this helps.


  2. I’m using it on my gallery page and now my lightbox is not functioning. Do you have a fix for that, or any suggestions? I would love to keep this plugin. (Let me know if you want me to publish the site so you can view it. It’s in maintenance mode right now.)

    • Hi Natalie – Thanks for your question. My suggestion would be to start by deactivating the Pinterest Pin It plugin. Once the plugin has been deactivated go to your gallery, refresh the page and see if it goes back to functioning as it should. Once you’ve confirmed that that Pinterest plugin is the issue try deleting the plugin and the re-installing it. For whatever reason, deleting and re-installing seems to occasionally work. Off the top of my head, that’s the only fix that comes to my mind. I’m going to publish this comment now so other people can see it and weigh in with their suggestions / solutions. Please let me know if this helps at all. Or, if you find another solution to the issue please feel free to share it with us. Thanks – Adam