Verify your WordPress site with Pinterest. Red background with

How to add a Pinterest “Pin It” button to WordPress sites

Morgan Smith's Layout avatar

If your WordPress site offers a lot of visual content, Pinterest is one of the easiest ways to make your content sharable. Take advantage of the social network (like these designers using Pinterest!) and let your viewers do the work for you. With a “Pin It” button, your users can quickly share your content, and hopefully, help bring in new customers for you.

There are several ways to go about adding a “Pin It” button to your site. You can manually add it to photos, write your own code, or use a plugin. For this tutorial, I’ll be using the plugin Pinterest “Pin It” Button.

To add a Pinterest “Pin It” button to your WordPress site, just follow these four easy steps.

1. Download the plugin

Pull up your site’s dashboard, hover over to the “Plugins” tab, and choose “Add New.”


Either search for Pinterest “Pin It” Button or download the file and upload it. Install the plugin, and then activate it.

2. Check out the settings

Once you activate the plugin, you’ll see a new tab in your dashboard labeled “Pin It Button.” Click this to access the settings.

Depending on if you upgrade to the pro version or not, this plugin can have as many options as you’d like, or remain pretty simple. For now, we’ll stick to what’s offered in the free version of the plugin.

General Settings


With these settings, you can control the basic functionality and appearance of your button.

  • Button type: This allows you to choose whether users will select any image from the post, or if you will pre-select the image for them. The default is the first image in the post.
  • Pin count: This displays the number of times the post has been pinned, either above or below the “Pin It” button.
  • Button size: This option allows you to choose either a large or small button.
  • Button color: Choose whether you want your button to be gray, red, or white.
  • Save settings: This checkbox will save your settings for the plugin, even if you uninstall it. That’s super handy if you’re going to upgrade or try out some other plugins, but want the option to return to these settings.

Once you’ve gone through these options, save your changes, and then click on the next tab.

Post Visibility Settings

These settings will give you control over where exactly the button is placed on your site. You can choose what types of pages it’s displayed on and even where on the page it’s shown.


There’s no right or wrong answer; just try to think of what makes the most sense for your site and your content.

Styles and Advanced Settings

If you’re looking to add customizations to your Pinterest button, you’ll want to check out these tabs. These will allow you to input your own custom CSS and give you full control over the “Pint It” button. I won’t go into detail about these now though.

3. Test it

Once you’re happy with your settings, go to your live site and make sure everything looks good! As you’ve seen, changes are easy to make, so if you’re not happy with something, you’re not stuck with it.

4. Strategize your content

Once you’re happy with how your button looks, it’s tempting to stop caring about your new Pinterest plugin. But you should never be done thinking about that new little icon in the corner of your images.

See, when someone goes to “pin” your content, this plugin will automatically pull the title of the image. Therefore, it’s your job to make sure you’re naming media files strategically, in case users don’t change the text that gets auto-filled.

To do this, go to the “Media” tab and choose an image. Update the title to real words that accurately explain what the image is, instead of just a file_name_like_this.


And that’s it! Now you’ve got an easy way for users to share your content on one of the largest and most visual social media channels out there.

Comments ( 0 )

Join the discussion