3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website

Pinterest is a social networking site that has become increasingly popular with educators in recent years.

Many teachers now realize the advantage of being able to share and curate collaboratively to enhance their own professional learning and the education of their students. Pinterest is one way to do this.

Educators can use Pinterest in a variety of ways, such as for:

  • sharing and finding lesson plans and learning activities
  • finding inspiration for organizing and decorating the classroom
  • creating collaborative boards to exchange resources with other educators
  • curating learning materials for students
  • creating boards with resources for parents like school information or ideas to help children learn at home.

Students can also use Pinterest for research, curation and collaboration. Note that users are required to be 13+ to register (the terms of service state that any use by under 13s is prohibited). Like many social networking sites, there is some inappropriate content.

Pinterest And Blogs

If you have a resource or collection of resources that you’d like to share with educators or students on your blog, you can either:

1) Add a link to your content. Eg. Click here to view the Edublogs Pinterest Board.

or

2) Embed the board or pin into your post or page.


The second option can be more visually appealing and user friendly.

This post explains how to embed either pins or boards into your Edublogs, CampusPress or WordPress blog in just a few steps.

First we will cover the options for embedding a single pin or board into a sidebar widget. Then we will cover embedding a single pin or board into a blog post or page.

Embedding A Pin Or Board Into A Sidebar Widget

This is a simple process but there are a few key tips to take note of as you go along.

1) Copy Pin or Board URL

The first step for either scenario is to copy the URL of the pin or board you want to display or embed.

Find the pin or board on Pinterest and click on it. Then highlight the URL and copy it.

Select URL of Pinterest Pin

2) Use Pinterest’s Widget Builder

The next step is to go to Pinterest’s Widget Builder.

https://developers.pinterest.com/tools/widget-builder/

Tip: You may want to bookmark the Widget Builder URL (or you can easily find it in future by googling ‘Pinterest widget builder’).

Once you are on the Widget Builder page, click the Pin button and paste the URL of the pin you want to embed into the Pin URL field.

Select Pin and the paste in URL

Alternatively, you can click on Board and enter the Board URL.

Click on board and then insert your board URL

You will then be able to select the size of your pin or board.

If you are embedding a single pin, your size choices are small, medium and large. Small is usually best for a sidebar widget. You can also choose whether you want the pin description to show up underneath the pin image by ticking the box.

Choose the size of your pin to embed and select whether you want to show the description

 

If you are embedding a board, your size choices are square, sidebar, header or create your own.

Select your pinterest board sizes

You can check out the preview as you make your selections.

Underneath your preview you will be provided with some embed codes that you will need to copy.

Embed code Pinterest Widget builderImportant: There Are Two Codes

You will notice you are given two lines of code as above.

When embedding a pin or board, you need to copy and paste the first line of code THEN copy the second code and paste it right underneath the first code, on a new line.

It will look like this when you put the two codes together.

Two codes from Pinterest togetherExceptions: When You Don’t Need The Second Code

  • If you have already placed a pin/board in a widget on the sidebar of your blog, you won’t need to use that second line of code ever again when embedding pins or boards on your blog (sidebar, posts or pages).
  • If you are embedding multiple pins or boards into a post or page, you only need to add the second code the first time you embed your Pinterest code.

3) Embed Your Pin/Board Into A Sidebar Widget

Once you copy the code (or two codes) for your pin or board, you can paste it into a Text Widget.

To do that, go to Appearance > Widgets in your blog dashboard.

Next, add a Text widget by dragging it to your to your sidebar or other active widget area. Paste the embed code(s) into the widget. Make sure you paste it in Text tab (not in the Visual editor). Then press Save and Close.

Drag a text widget to the sidebar and add embed code

Embedding A Pin Or Board Into A Post Or Page

You can also embed your pin or board directly in a post or page.

There are two ways you can this:

  1. Simply embed using the URL
  2. Use Pinterest’s widget builder to generate a code as described above

1) Embed Via The Pin Or Board URL

You can easily embed a Pinterest profile, board or individual pins by pasting their URL into posts and pages.

You embed from Pinterest as follows:

Copy the URL of the pin or board you want to embed from your web browser’s address bar.

Go to Posts > Add New or Pages > Add New.

Paste the URL on a line by itself in your post/page editor.

Add URL

Below is what it looks like embedded when you view your post:

Profile:

Board:

Pin:

Troubleshooting

The link must be on its own line without any characters or whitespaces before or after the URL and must not be hyperlinked otherwise it won’t embed.

You can tell if a URL is hyperlinked by clicking on the link. If the hyperlink button in the toolbar highlights and a link box with the option to edit appears, like the screenshot below, it means your link is hyperlinked.

Click on Remove Link icon to remove the hyperlink.

Click on Remove Link

It also won’t embed if your Pinterest URL is https or includes your geographical location in the URL.

URL

2) Embed A Pin Or Board Into A Page Or Post Using The Widget Builder

This process is very similar to the one described above to embed into the sidebar of your blog.

  1. Create a new post or page, or open an existing post/page to edit it.
  2. Go to Pinterest and click on the pin or board you want to embed. Copy the URL for that pin or board.
  3. Go to the Pinterest Widget Builder
  4. Click on the box that says Pin, add the pin URL and choose your preferred size OR click on the box that says Board, add the board URL and choose your preferred size.
  5. You will be given two lines of code as described above. If you don’t already have the second line of code somewhere in that post/page OR in a widget on your sidebar, you will need to use both codes. Paste the second code directly underneath the first one.
  6. Go to Text mode of your blog post/page and place your cursor where you want to embed the pin. Paste your code/(s). Publish or preview your post but do not go back to Visual mode or you will lose your code and you won’t be able to see your pin/board.

When you preview or publish your post the pin will show up like this:

Important: Don’t Lose Your Code

Frustratingly, if you go back to Visual mode after pasting your pin/board embed code in Text mode, you will probably lose your Pinterest embed code. This means when you publish or preview your post/page, your pin/board will not be there.

The best solution is probably to finish writing your post/page and then embed the Pinterest pins/boards as the last step before you publish.

Final Thoughts

Have you used Pinterest in your classroom or for your professional practice? Have you tried embedding pins or board on your blog?

We’d love to hear from you! Leave a comment and let us know how you are using Pinterest.

Get Our Free Weekly Email!

Like what you read here? Signup for our free weekly email and we will send you links related to education, blogs, and more.

Subscribe!
About Kathleen Morris

I am a primary school teacher and mum of two from Victoria, Australia. I write about blogging, global collaboration and technology integration on http://primarytech.global2.vic.edu.au Connect with me on Twitter @kathleen_morris

17 Comments

Your email address will not be published. Required fields are marked *


  1. Thank you! This is so useful.

    • Alison Stegert
    • So glad, Alison! 🙂

      • Kathleen Morris
  2. This is amazing!
    I had no idea about this. I have a pinterest account with boards but have only pinned things to them & not used them for my blog posts. Thanks, Kathleen!

    • Julia Skinner
    • Hi Julia,

      I’m with you! I only recently discovered the potential of using Pinterest boards in blog posts too. For example, on a recent post about digital citizenship, I embedded some boards with videos, activities, games etc on the topic. Such a handy way to share resources!

      Glad the post was helpful. 🙂

      Kathleen

      • Kathleen Morris
  3. Thank you so much.

  4. Many thanks for your clear tutorial!

    • You’re welcome, Ben! Glad it was clear 🙂

      • Kathleen Morris
  5. Thank you, that’s a real help!

    • We are so pleased this is helpful! 🙂

      • Kathleen Morris
  6. Yes, I really feel like I know how this works

  7. Thanks for your tips Kathleen, this is something I have wanted to do and will give it a go.

    • School Library Owl
    • Fantastic! I hope the tips help! 🙂

      • Kathleen Morris
  8. Thanks for sharing. This is really good to know!

    • Patricia Drake
    • So happy to hear that, Patricia!

      • Kathleen Morris
  9. Thank You this is really helpful, this is the best blog I ever read yet! 😉

    • Jaslin Ramirez
  10. Thanks, that cleared a lot up for me!

    • That’s great to hear, Damon!

      • Kathleen Morris