How to Add a Pinterest Widget to Your Website
Pinterest is known for driving significant amounts of referral traffic to websites, but what if you want to drive traffic to your Pinterest profile? When the company announced the launch of business accounts, it also rolled out two new widgets that aim to do just that.
A widget is a small application that can be installed on your website to enhance a specific asset. For example, you can add a Twitter timeline to your website so visitors can read and interact with your tweets without having to leave your site.
A Pinterest widget makes it easier for visitors to pin your content as well as see what you’re doing on the platform itself. In this article, we’ll walk you through the steps of installing a Pinterest widget on your blog or website.
Determine Which Widget to Use
While Pinterest doesn’t overwhelm you with choices, each widget serves a different purpose. If you want to make it easier for people to pin items from your site or follow your pins, you’ll probably want to use either the Pin It, or Follow Button.
If you want to offer visitors a more visual representation of your Pinterest activity, we recommend using either the Profile Widget, which shows up to 30 of your latest pins, or the Board Widget. It comes down to preference, but if you want to target a specific audience, then you might consider using the Board Widget — you can even create more than one to highlight different boards.
Customize Your Widget
Similar to other social networks, Pinterest makes it very easy to customize your widget. First, make sure that you’ve clicked the circle below the button or widget you want to use. Then, click on “advanced options” so you can tweak the widget to fit your website.
If you’re satisfied with Pinterest’s default dimensions, you can leave each box empty. Otherwise, you might want to consult your design team before creating the widget so you can ensure you have the right specs. Keep in mind, the smaller the widget the more pins you’ll be able to display.
Preview and Install Your Widget
Here is where it can get tricky. Once you’re satisfied with your widget, scroll down to find your HTML link. Copy and paste that link right where you want your widget to appear on your website. For example, along the right-hand sidebar.
Pinterest notes that the link will work whether the widget renders in the browser or not. For this reason, you might want to put text or an image inside it — however, it’s unlikely that you will have to do this, as most newer browsers will support it.
Additionally, you will have to copy and paste the script tag after your HTML link — this might require the help of a designer/developer if you’re unsure of where to put it. We recommend pasting it in the footer so it won’t affect your website’s loading speed.
It’s also worth noting that you can pair a Board or Profile widget with the Pinterest Follow button. That way if visitors are interested in the pins displayed, you’ll have made it very easy for them to follow you without leaving your website.
[Image credit: Jonathan Bussard]