How To Add Pinterest Profile and Board Widget

6/15/2016

Adding a Pinterest Profile and Board Widget to your Blog


Pinterest allows their users to make widgets and add them to their blog or website, the widget helps your blog viewers connect and follow your Pinterest account. The Pinterest profile and board helps you showcase your pins and displays images. If you are looking to add a Pinterest widget to your blog, follow this post to help you build it.

First, we will go through how to add a Pinterest Profile Widget to your blog sidebar (or anywhere where you want to add it). This method will also work if you want to add a board instead of a profile.

Firstly, you need to login into your Pinterest Account. Then click on your Pinterest name and it will take you to your account, then click on the settings button and click onto make a widget. Following the steps below.

pinterest widget


After you have clicked on make a widget, this will then take you to the widget page and all the information should already be there, like your Pinterest url and it will also show a preview of what the widget will look like. Check to see everything is the way you want it.

When you are happy to carry on you will see two codes below, these are the codes you need to place onto your blog. 
pinterest widget code
The first code you place where you want your widget to appear, this can be on the side bar or anywhere you like where you can add a widget. To do this go to your blog and click on Layout and click on Add a Gadget make a widget where you want the widget to appear. After that click on HTML/JavaScript and paste the code and click save.

adding pinterest to blog

The second code you need to place onto your blog so the widgets can work and appear on your blog. This code you can add anywhere, so again go to Layout and click on Add a Gadget anywhere, select HTML/JavaScript and enter the code and click save. 


That's done the profile widget should appear.

Now, to add a Pinterest Board to a blog post. Go back onto your Pinterest account and open the board which you want to place on your blog. When the board is open, click on the 3 dots button and click on make a widget as shown below.
pinterest blog


This will then take you to the widget page where all the information is already put in place for you, but just double check you are happy with everything and copy the first code.

To add that code to your blog post and display your board, go to your post and switch from compose to HTML and enter the code where you want the board to be shown and it will appear.



You are done! you don't need to copy the second code because you have already entered that code onto your blog once, it is only needed once.

adding pinterest widget

The Pinterest widget should appear on your blog and it will automatically add new pins when you update either your profile or your board.