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.
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.
2) Use Pinterest’s Widget Builder
The next step is to go to Pinterest’s 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.
Alternatively, you can click on Board and enter the 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.
If you are embedding a board, your size choices are square, sidebar, header or create your own.
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.
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.
- 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.
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:
- Simply embed using the URL
- 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.
Below is what it looks like embedded when you view your post:
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.
It also won’t embed if your Pinterest URL is https or includes your geographical location in the 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.
- Create a new post or page, or open an existing post/page to edit it.
- Go to Pinterest and click on the pin or board you want to embed. Copy the URL for that pin or board.
- Go to the Pinterest Widget Builder.
- 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.
- 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.
- 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.
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.