Resources     Blog  

  1. Home
  2. WordPress Tutorials
  3. How to Integrate a Pinterest Button into Your WordPress Website

How to Integrate a Pinterest Button into Your WordPress Website

Social media is an integral part of the Internet experience. This is seen as more than three-quarters of the population in the United States has a social profile of one kind or another. Pinterest is one of those platforms that focuses on sharing images.

Adding a Pinterest button to the website helps you create an intricate web between your content and your social presence. It helps you build a following while providing potential to reach a larger audience with every update. This is why many will add it to their marketing tools for business.

Today, I’m going to show you how to easily add a Pinterest button to the WordPress website. Not only will it help strengthen your online presence, but it gives you more content that appears on the site every time you add an image to the social hub.

What exactly is Pinterest and how do you use it?

Pinterest focuses more emphasis on sharing images rather than text-based content. While you can still add text to the graphics you upload, it’s more of an experience of delivering quality imagery. The pictures you upload are saved into folders that you assign to keep them organized.

One of the reasons why this site is growing in popularity is because of the social element. Not only are people able to browse through a multitude of images from others, but they can share them on most major social platforms as well.

The best part is that your images shared in this fashion will have a permanent connection to your account. This means it’s much harder for someone to take full credit for your upload. It also means there is a growing possibility for people to click the link to visit your site.

Users can also integrate an image feed into their websites from Pinterest. In the plugin I’m going to show you in a moment, you can display thumbnails of the graphics you upload. Anytime you add a new image, it will automatically show on your website. It gives your content a sense of continuation.

Many people will use Pinterest as a marketing platform. This is especially useful for those who sell goods, such as eCommerce. Taking images of the items you sell while being used can be engaging and potentially pique the interest of shoppers.

Adding Pinterest Buttons through a Theme

Some themes have the ability to show social media icons automatically. For example, the ColorMag theme comes equipped to cover a wide range of social sites. All that you need is the URL of the social profile and the theme will do the rest.

To see if your theme supports a button for Pinterest:

Go to the appearance section of the WordPress dashboard.

go to the appearance section

In “Themes,” click the customize button of the one you are currently using. This will load the WordPress Customizer.

in themes click the customize button

Now, it’s important to note that not all theme developers will put the social icons in the same location. For example, the ColorMag theme will have an option on the left for, “Social Options.” You’ll have to explore the theme a bit to discover if it supports the ability to add icons. For ColorMag, all you would need to do is check the box for Pinterest and add the account’s URL.

social options location

Once you find the social element, if there is one available, make your selections to add your profile.

social element

Click the “Save” button on the top left and then close the Customizer by clicking the “X” in the corner. This takes you back to the WordPress admin panel.

save and publish

Unfortunately, not all themes have this ability. Some will come with pre-developed widgets you can use for the side bar. Many of these are quite simple to use and can be set up in mere moments.

To see if your theme supports social widgets:

In the appearance section of WordPress, click the option for, “Widgets.”

widget section

Look through the available elements on the left until you find one that relates to social media.

Drag it over to your sidebar and drop the widget into place.

When the settings of the widget automatically open, input the required information for Pinterest.

Click the button to save and your widget becomes active.

Adding Pinterest Through Jetpack

One of the most versatile plugins available for WordPress is Jetpack. It comes with a wide selection of modules that can boost the abilities of your website. In this instance, I’m going to show you how to add Pinterest.

To use the Jetpack plugin:

Go to the plugins area of the WordPress dashboard and click the “Add New” button on the top.

add jetpack plugin

NOTE: Many installations of WordPress come with Jetpack automatically. If this is the case, skip to step 4.

Search for Jetpack in the text field on the right.

search jetpack

Install and activate the plugin.

install and activate jetpack

Click the Jetpack tool in the left admin panel of WordPress.

click jetpack tool

Click on the settings link.

click on settings link

Click the “Appearance” header along the top of the settings page.

click appearance header

Scroll down and activate “Extra Sidebar Widgets” by flipping the switch next to it on the right.

extra side bar widgets

Go to the widgets area in the appearance of WordPress.

go to the widget area

Scroll down until you see the “Social Media Icons (Jetpack)” widget.

find social media widget

Drag and drop this widget into your sidebar.

drag and drop widget in sidebar

When the options open, input the username of your account on Pinterest.

input pinterest username

Click the button to save the settings.

jetpack save

Adding Pinterest by BestWebSoft

The next plugin I’m going to show you is far more versatile than the Jetpack plugin. In fact, Pinterest by BestWebSoft has an incredible number of useful features for adding the social site to your own. From “Pin It” buttons to displaying your boards in a widget, this tool is a nicely developed all in one.

To use the plugin:

Go to the plugins area, add a new plugin and search for, “Pinterest by BestWebSoft.”

add pinterest by bestwebsoft

Install and activate the plugin.

install bestwebsoft

On the left, find the new option for “BWS Panel” and click the tool.

bws panel

The first screen you see will be a list of available plugins by the developer. Ignore these for now and find the Pinterest function on the left. This can also be found if you scroll through the available plugins from BestWebSoft. Click the link for Pinterest to change its settings.

click pinterest link to change settings

Configure the plugin for your site.

Settings: Input your “Pinterest user URL” of your account. This area also controls where you want to share the button. Click “Save Changes” when you’re done.

input pinterest url

Extra Settings: Extra settings are unavailable unless you purchase the Pro version of the plugin. Otherwise, you can modify exactly what areas of the site display the button all the way down to individual posts.

Custom Code: If you know a bit of CSS, you can add your own snippets to the functionality to give it more of a unique presence.

Go to the widgets area of WordPress.

go to widget area

Find the “Pinterest Widget” and drag it to your sidebar.

pinterest widget

Create a title. For example, you can put something like “My Pictures.”

create a title

Select the type of display you want from the background. This can be a simple pin, image board or entire profile.

select display

NOTE: Board and profile have more options such as widget and thumbnail width.

When you’re done making changes, click the “Save” button.

click save button

It’s also important to note that this plugin will also include a shortcode generator in the visual editor when creating posts or pages. It works alongside other custom styles in the editor. Simply place the cursor anywhere in the content and click the “Add BWS Shortcode.” An option window will open where you can select which code to insert.

Pinterest is a great way to share pictures on the Internet while adding more power to your marketing strategy. Some will use it to give the site more of an interactive appearance. In any case, it can easily be added to WordPress to accentuate your content. Find methods that improve visitor engagement for your website and reap the benefits.

What kind of social additions have you installed in WordPress? How often do you use an image-sharing tool on your site?

Author: Chris Racicot

Chris is the Support Manager at GreenGeeks and has been with the company since 2010. He has a passion for gaming, scripting and WordPress. When he’s not enjoying his sleep, he’s working on his guitar skills and fiddling with 3d printing.

Was this article helpful?

Related Articles

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.