Is your blog on Pinterest? Let your readers know by showcasing your Pinterest profile or a popular Pinterest board on your blog. Pinterest makes it very easy to create a widget to add to different areas of your blog. Let us show you how!
Creating your Pinterest Widget
Pinterest has a Widget Builder that allows you to customize their widget so it fits on your blog. You can showcase your Pinterest profile or a popular board.
First, you'll need to get your Pinterest profile or board URL. To get your profile URL, log into your Pinterest account and click on the profile image (top right). The URL that shows in the address bar is the URL to your profile page. If you want to get the URL to a popular board, click on the board from your profile, then copy the URL in the address bar.
Now you are ready to go to the Pinterest Widget Builder. Select Profile if you want to link to your Pinterest profile page or click on Board if you want to link to a popular board. Add the URL, then select how you want the widget to appear.
Pinterest offers you different sizes to choose from. This allows you to create the widget that works best for your blog. If you want to fit the widget on your sidebar, select Square or Sidebar.
Square: This will add a small square to your sidebar. It will show the first couple of pins on your profile or board.
Sidebar: This is longer than the square. It goes down the length of your sidebar. This widget is thinner than our sidebar and may look out of place in your blog. You can adjust the width of the widget by changing the width in the code.
Code to look for: data-pin-board-width="150"
Change the 150 to make the board wider to fit your sidebar. The example below used "300".
Create your own: If you know the exact size you want the widget to appear on your blog, you can enter the width you want the individual image pins, the width, and the height of the widget to add to your blog.
Now that you have customized the widget, you'll see the code you can add to your blog.
Add To Blog
Click on the Blogs tab, then the name of the blog. Click on the Design tab, then Head. Paste in the pinit.js code Pinterest provides then click on Save Changes.
Now you are ready to add the widget code to your sidebar. Click on the Design tab, then Content. Under Modules, select Embed Your Own HTML then click on Add This Module. Give the module a label (like Pinterest Widget) then paste in the code from Pinterest. Click on OK, then Save Changes. Now your profile or board will show on your blog.
Did you know you can also verify your website with Pinterest and add Pinterest icons to your images? Once you are done adding all things Pinterest to your blog, share it with us. We would love to see it!