We’re wrapping up the 4 Must Do’s for Bloggers to help make your blog posts more Pinterest friendly and thereby get more out of Pinterest!
We’ve already talked about:
- Connecting and verifying your website with your Pinterest account
- Creating and inserting “pinnable images” into your posts
- Enabling and Using Rich Pins
Today we’re going to talk about a few more ways to integrate Pinterest with your individual blog posts.
Like we talked about previously, your pinnable images should always have ALT TEXT. Whatever you type into the alt text area for your image embed will get pulled into the description area of the pin whenever you or someone else pins directly from your blog post.
Once you’ve created a pin from your blog post, you can insert the PIN itself into your blog post to entice people to click and share it. You can ALSO embed whole board previews and even your profile!
This does involve using a line or two of code, but don’t panic! Pinterest makes this super easy with their Widget Builder.
NOTE: If you are a wordpress.COM user (not .org) you can skip these instructions and scroll to the bottom of this post for your embed steps).
To do this visit the Widget Builder and follow these steps:
- Choose pin, board, or profile – whichever you are trying to embed.
- Open Pinterest in a separate tab and copy the appropriate URL of your pin, board, or profile.
- Choose a Size/Location from the drop-down box (i.e.small, square, sidebar, etc.)
- For PINS, check mark whether you want the pin description to show up in your embed or not.
- Copy the code in the first box.
- Go back to your blog/page and switch to HTML (text) view.
- Paste it into your blog post/page where you want the embed to show up.
- Go back to the Widget Builder and copy the second box’s code (pinit.js code)
- Return to your HTML view and scroll all the way to the end of your text. You are looking for the part that reads </Body>.
- Place your cursor just before the < (NO SPACES!) and hit paste.
- Save/Update your post/page.
Be sure to view your post/page to make sure the code isn’t broken and that your embed shows up. If it shows up as text, something went wrong somewhere and you need to try again, being sure to paste the code lines into your post while under HTML (code or text) view.
Once you’ve successfully embedded your code, people can now interact with your pin, board, or profile directly from your blog! Cool huh?
I recommend adding at least one type of Pinterest embed per blog post. (You can see mine at the bottom of this post!)
If you happen to be a WordPress.COM user (not .org), you can simply paste the URL of your pin, board, or profile into the body text of your post wherever you want it to show up. No need to go copying codes or anything 🙂