It’s possible to embed Pinterest boards into your blog. It’s a quick and easy way to add boards to your website. This is an excellent reuse option for your content. You can gather some images and video, upload them to Pinterest as one group, and then drop them into a blog post. That could also be a time saver if you’d rather not upload a large number of images into your WordPress website media library. Put them on a board and then embed the board. Simple!
How to Embed Pinterest Boards
1. Open the board you want to embed.
2. Items above the board title > Ellipsis > Make a widget
2. Select a board display option from the dropdown. There are four options available: Square, Sidebar, Header, and Create your own. Preview the display and make size adjustments as needed until the dimensions are the size you want to use.
3. Copy the code that displays and paste it in your blog post or website. For the post body, add it in the text editor area. (In the WordPress editor, for instance, select Text instead of Visual.) To add it to a widget, move a text widget to the location in which you want to post the board.
4. Preview the post and then publish it when ready.
Here’s an example: my Nature Break board. This uses the size settings provided in the code.
Header
Square
Create Your Own
For this version, I used the width from the Sidebar option and reduced the height size. The Sidebar has a long height, which may result in too much white space, depending on your board. You can use the Create Your Own option to create a version to add to a widget.
Adjust the Board and Pin Sizes
It’s possible to change the size of the embedded board as well as the pin displays. This does not change anything in Pinterest. It adjusts the settings for the board that you’ve embedded on your site. You can change the size of the board by adjusting the sizes in the code that’s provided. Do so in the site text editor.
For these examples, I copied the code for the original square version and then changed the size dimensions in the code.
Note: if you change the dimensions, be sure and make the same change for both width and height so the board displays correctly. For instance, if you double the pin width, then double the pin height as well.
Original
This is the Square version included above. The board width is 400 pixels. The pin size is as follows:
data-pin-scale-height=”240″ data-pin-scale-width=”80″
Pin Size Doubled
The pin size is as follows:
data-pin-scale-height=”480″ data-pin-scale-width=”160″
Board Size Widened
The board width is as follows:
data-pin-board-width=”500″
Board Size Widened and Pin Size Doubled
The board width and pin sizes are as follows:
data-pin-board-width=”500″ data-pin-scale-height=”480″ data-pin-scale-width=”160″
