Website widgets

Aside from Pin It buttons, you can also add the Follow button, and Pin, board and profile widgets to your website. The Follow button lets people follow you on Pinterest and see things you Pin in their home feed. The other widgets help you showcase your Pins, boards and profile on your website so people can see your Pinterest activity.
 
Build these buttons and widgets for your website using our widget builder.

Build a widget yourself

Follow button Follow button

Follow button

To make a Follow button:

  1. Enter your profile URL in the widget builder
  2. Click Build It!
  3. Paste the code we give you onto your website, right where you'd like to see your follow button
The code should look like this:  (the red text changes depending on your info)
 
<a data-pin-do="embedPin" href="http://www.pinterest.com/pin/99360735500167749/"></a>

Pin widget Pin widget
 
To make a Pin widget: 
  1. Copy the URL of your favorite Pin and go to the widget builder
  2. Enter the URL of the Pin
  3. Click Build It!
  4. Paste the code we give you onto your website, right where you'd like to see your Pin
The code should look like this: (the red text changes depending on your info)
 
<a data-pin-do="embedPin" href="http://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

To make a profile widget:

  1. Enter your profile URL in the widget builder
  2. Customize the size of your profile widget
  3. Click Build It!
  4. Paste the code we give you onto your website, right where you'd like to see your widget
The code should look like this: (the red text changes depending on your info)
 
<a data-pin-do="embedUser" href="http://www.pinterest.com/pinterest/">Visit Pinterest's profile on Pinterest.</a>
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 

Board widget Board widget

board widget

To make a board widget:

  1. Enter the board URL in the widget builder
  2. Customize the size of your board widget
  3. Click Build It!
  4. Paste the code we give you onto your website, right where you'd like to see your widget
The code should look like this: (the red text changes depending on your info)
 
<a data-pin-do="embedBoard" href="http://www.pinterest.com/pinterest/pin-pets/">Follow Pinterest's board Pin pets on Pinterest.</a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>


Get widget instructions for popular hosts

WordPress.com WordPress.com
Just add the link to the Pin, profile or board in your blog post. When you publish it, WordPress will automatically convert the link to a widget.

Blogger Blogger
  1. Build the widget in the widget builder and copy the code
  2. Click the Layout button on the left side of your blog management page
  3. Find a space for your widget and click Add a Gadget
  4. Scroll down and click HTML/JavaScript
  5. In the Content field, paste the code from the widget builder (you can put anything you’d like in the Title field)
  6. Click Save

Tumblr Tumblr
Before adding the widget, you first need to 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 follow button or Pin, profile or board widget to Text, Photo, Quote, Link, Audio and Video posts:

  1. Make sure you added your JavaScript line using the steps above.
  2. Compose a post like you normally would.
  3. Click <html> in the caption box (or the main text box if you're making a Text post). You should see your post’s code now. If not, click the button again until the code appears.
  4. Find the spot in your post where you want your widget to show up and paste the code from the widget builder.
  5. Delete <!-- Please call pinit.js only once per page --> and <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Save your post.

Note that the post won't show the widget on your dashboard, but it will show up on the live post.

 

Wix.com Wix.com

To add a follow button:

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


Common issue

Your widget is showing up as just a link

Try out these troubleshooting tips:

  • Make sure you included the JavaScript line in your page's code, right above the closing BODY tag
  • If you have the JavaScript line on your page multiple times, try removing all the lines except for the very last one.
  • If you're using both the advanced asynchronous JavaScript and the regular JavaScript line, remove one of them.
  • If you're using a third party plugin, make sure it's not already adding a pinit.js line to your code. If it is, you don't need to add it yourself.

Some hosts don't support JavaScript so you won't be able to add the code from our widget builder. They may have alternative ways to add widgets though!

Related Articles