Pinterest

How to Embed a Pinterest Board on Your Site

0

One of the quickest ways to increase Pinterest traffic is to tie your Pinterest boards in with your website. I say ‘quickest’ because it takes just five super easy steps – check out the GIF below to see the steps in action. 

You can also use the Pinterest Widget Builder tool.

  1. Login to Pinterest
  2. Navigate to the board you want to embed
  3. Click the three dots on the right hand side
  4. Select ‘Make a widget’
  5. Install the code on your site where ever you want the board to appear.

board

This is what the finished product looks like:

Follow Jess Bahr’s board Jess’s Writings on Pinterest.

Now, let’s get advanced – because you’re awesome and I know you’re ready to get fancy with your widget

Through the HTML you can modify:

  •  pin size 
  •  box height 
  •  box width 

<a data-pin-do=”embedBoard” href=”https://www.pinterest.com/YOU/YOUR-BOARD/”data-pin-scale-width= “80”  data-pin-scale-height= “200”  data-pin-board-width= “400” > Follow YOU’s board Jess’s Writings on Pinterest.</a><!– Please call pinit.js only once per page –><script type=”text/javascript” async src=”//assets.pinterest.com/js/pinit.js”></script>

CHANGE THE WIDGET SIZE

When determining the optimum size for your widget be sure to test how the widget renders with different screen sizes. A width of “800” might look awesome on a large monitor and fill the entire space, but on a tablet or mobile (where more traffic most likely is) it may not render at all.

400 x 400 size widget:

It’s loading – there’s a lot of code on this page, please give it a moment :)

600 x 600 size widget:

It’s loading – there’s a lot of code on this page, please give it a moment :)

 

CHANGE THE PIN SCALE

The pin scale is a valuable variable to tweak because it will increase your pin readability. Readability refers to the ability for someone to get what they’re looking at without needing to squint or spend 10 minutes looking at it.

400 x 600 size widget with pin scale width of 40:

It’s loading – there’s a lot of code on this page, please give it a moment :)

400 x 600 size widget with pin scale width of 120:

It’s loading – there’s a lot of code on this page, please give it a moment :)

 

BONUS: EMBED YOUR PINTEREST PROFILE ON A SITE

Do you want to embed your entire Pinterest profile on your site so that people can follow you? Follow the same steps above, but this time you’ll find the code for your widget on your Pinterest home page, under the gear icon:

Pinterest Profile


These are just two ways you can do more with your efforts on Pinterest. When you put effort into creating beautiful, engagement-worthy Pins you should make the most of them. Users love the Pinterest interface and they’ll love it on your site too.

To make your board as beautiful as possible, check out some of my advice about crafting gorgeous creative for your Pinterest campaigns.

You may also like
Become a Pinterest SEO powerhouse with these tips!
How to Change Your Pinterest Board Cover Image