Online Blog & Business Help
Menu
  • Home
  • Products/Services
  • Blog
  • About Me
  • Contact
Menu
woman holding cell phone

How to Add a Pinterest Board to Your Blog Post

Posted on by
How to Add a Pinterest Widget to Your Blog Posts

 

Adding a Pinterest Board Widget Within a Post

Are you trying to grow your business account on Pinterest? It’s hard to build your account if no one knows it exists! One way to gain new followers is to add a Pinterest board to your blog post. Like this:


This is called a Widget. It’s a live version of your Pinterest board. It’s a handy way to entice your readers to check out a board that may be closely related to the post they’ve just finished reading. Always keep them wanting more, right? 😉

Your readers can scroll through the board right on your site! They can instantly follow it or even click directly on a pin within the board that intrigues them.

To do this, I use the Pinterest Developers Widget Builder. Read on if you’d like to know step by step, how to insert a clickable Pinterest Board widget directly into your blog posts.


This post may contain affiliate links. This means if you make a purchase through one of these links, I may receive a small commission, at no extra cost to you. All opinions are my own. Read my full disclosure here.

 

Let me start off by saying, I have a WordPress blog. I haven’t tried this method on any other platforms but I assume the steps would be the same (or similar) on Blogger, Squarespace, etc.

The following instructions are how to embed a pinterest board on WordPress specifically using the Pinterest widget builder:

 

Step 1: 

  • Start by opening the page to the Pinterest board you’re wanting to embed into your post.

Step 2:

  • Copy the URL for that Pinterest Board.

Step 3:

  • In another browser tab, go to the Pinterest Developers Widget Builder and Select “Board”.

Step 4:

  • Under “Pinterest Board URL”, paste the URL of the board you previously copied in Step 2. You should see something like this:

Pinterest Board Widget Builder

I always use the square option, but you can play around with other styles using the drop-down menus under “Size”.

Step 5:

Next, you are going to have to insert a tiny bit of code into your site. This is where most people get stuck. But stay with me! It’s really not that tricky.

  • Under the preview of your board, you’ll see the provided code you need to insert into your post.
    Start by going to your post and placing your cursor exactly where you’d like the board widget to appear.

Step 6:

  • Toggle over to “Text” or “HTML” view on your blog.

Step 7:

  • Now go back to the Pinterest Developers Page. It should look something like this:

Code for widget builder

Step 8:

  • Copy the FIRST piece of code and paste it into the Text or HTML section of your blog post.

Step 9:

  • Then go back and copy the SECOND piece of code and paste it right before the closing </BODY> tag.
    See image below if this isn’t clear (don’t stress, it wasn’t clear to me the first time I did it).

Placing Code on widget builderStep 10: 

  • Place the second piece of code EXACTLY where I’ve indicated with the arrow in the image above.

So for my board, the final code that will create the Widget should look like this:
<a data-pin-do=”embedBoard” data-pin-board-width=”400″ data-pin-scale-height=”240″ data-pin-scale-width=”80″ href=”https://www.pinterest.ca/onlinebusinesshelp/the-best-of-online-blog-business-help/”><script async defer src=”//assets.pinterest.com/js/pinit.js”>

 

Banner ad for Free Pinterest Pin Templates

 

That’s it!

Once you switch back from Text view to Visual View, your Pinterest Board Widget should be embedded into your post!

NOTE: The widget will appear as a little grey box (see below), NOT a clickable Pinterest board. Don’t worry. Save and preview your post. It should appear correctly in the preview and once published.

Pinterest Widget appearance

 

*Bonus Tip*

I personally like my board widget to be centered. The above code will left align it. To center your widget you’ll need to add more code.

Copy this: <center> and paste it at the very beginning of the widget code.
Next, copy this: </center> and paste it at the end, between the </script> and the </a> code

Now, my code should look like this:
<center><a data-pin-do=”embedBoard” data-pin-board-width=”400″ data-pin-scale-height=”240″ data-pin-scale-width=”80″ href=”https://www.pinterest.ca/onlinebusinesshelp/the-best-of-online-blog-business-help/”><script async defer src=”//assets.pinterest.com/js/pinit.js”>

And my widget should be centered!

 

shareasale ad banner

IF YOUR WIDGETS DON’T APPEAR:

*Sigh* I had no trouble getting my widgets to appear on desktop view using this method. But, my widgets would not show up on mobile view. Annoying! You may not have any issues. It will depend on what theme you are using.

BUT, I have a fix for you. It worked beautifully for my mobile view issues.

-Go to the dashboard of your site.
-Select Settings>Insert Headers and Footers (see below)

Insert Headers and Footers

-In the “Scripts in Footer” section, paste this code:
<script async defer src=”//assets.pinterest.com/js/pinit.js”>

Insert code into footer

Click “Save”. This should fix any visibility issues you’re having. Please let me know if it doesn’t and I’ll do my best to help you solve the problem.

 

Inserting a board right into your post is a great way to intrigue your readers and hopefully, entice them to follow that board. Give it a try, like I’m about to do below 😉

 

For more Blogging Tips, check out my Pinterest Board below:

(P.S. This board is currently open to new contributors!)

 

Related Reading:
Common Pinterest Mistakes You May Be Making
Save Time With Pinterest Pin Templates
Honest Review of Pinteresting Strategies 2.0

 


Save This Post For Later!

        

How to Place a Pinterest Board Widget Into A Blog Post


Blogging Resources I love and recommend:

SiteGround – I use SiteGround as my web hosting platform and I love it. They are trusted by the owners of over 1,900,000 domains! It’s secure, fast, reliable, and the customer service is AMAZING! I’ve had to contact them for help for a few reasons and the support I received was outstanding. Learn more about SiteGround HERE.

Sendowl – Is my favourite source of affiliate income. Earn money through Sendowl 3 different ways. Refer people to their services, promote products for other bloggers, or use it to sell/run your own affiliate program and products (such as e-books). Learn more about Sendowl HERE.

ShareASale – If you are interested in monetizing your blog through affiliate marketing, ShareASale has got to be one of the easiest ways to do it! They’ve got merchants for every niche looking for affiliates to promote their products. Learn more about ShareASale HERE.

Grammarly – I saw a huge improvement in my writing after installing Grammarly. It’s the World’s leading checker of spelling, grammar, punctuation, and plagiarism. The better your writing, the more credible you will seem to you readers. Did I mention they have a FREE version? Check it out HERE.

10 thoughts on “How to Add a Pinterest Board to Your Blog Post”

  1. Michelle Jolene says:
    at

    Super helpful tips for Pinterest! Thanks!

    Reply
  2. Anna Elle Liz says:
    at

    Will definitely use this in the future! Love the step by step instructions!

    Reply
  3. Jenny says:
    at

    I’ve seen this on posts and wondered how to accomplish this for my blog. Great tutorial. I will try it out. Thank you.

    Reply
    1. Karen says:
      at

      Hope the instructions are helpful, Jenny. Thanks for reading!

      Reply
  4. Shellie Lynn says:
    at

    I have the widget in my sidebar to my Pinterest profile, but I never even thought to add a board to my posts. What a genius idea 😊

    Reply
    1. Karen says:
      at

      Hi Shellie! It’s a nice way to add some visual interest to your posts as well 🙂

      Reply
  5. Jayda | Queens & Beyond says:
    at

    Thanks for sharing this post! What a genius way to connect my viewers back to my pinterest <3

    Reply
    1. Karen says:
      at

      Hey Jayda! Thanks for the comment 🙂 I’m glad you found the post helpful.

      Reply
  6. Scott | PinArtwork says:
    at

    I was hoping that you would be able to provide how do you add information to the widget so that it opens in another tab. I didn’t see an option for this in the information you’ve provided. I would greatly appreciate your assistance in this matter.

    Reply
    1. Karen says:
      at

      Hi Scott, my widgets open in a new tab when I use the steps provided. Did you add the script into the footer section of your site?

      Reply

Leave a Reply Cancel reply

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

Welcome

Woman Sitting cross legged on hardwood floor with laptop Apple computer on her lap

Welcome!
I’m so glad you’re here. Stick around for loads of tips and helpful resources to grow your online business to its full potential!
-Karen

FREEBIE

Free Blogging Terminology Cheat Sheets For New Bloggers!

Hit the easy button when it comes to understanding blogging and social media terminology and abbreviations!

Join our mailing list below to grab your free download!

If you don’t receive an email, check your junk folder and add us to your address book.

You can unsubscribe anytime. For more details, review our Privacy Policy.

FOLLOW US!

What We’re Pinning


Recent Posts

  • The P.I.Q. Strategy by PotPieGirl – For Pinterest Growth 2023
  • How to achieve your blogging goals in 2023
  • Black Friday Picks for Bloggers 2022
  • 9 Helpful Tips for New Mom Bloggers
  • 7 Ways to Maximize Your Affiliate Marketing Efforts

Join Grammarly's Affiliate Program

PRIVACY POLICY

DISCLAIMERS & DISCLOSURES

TERMS & CONDITIONS

ACCESSIBILITY STATEMENT

DO NOT SELL MY PERSONAL INFORMATION

BECOME AN AFFILIATE

© 2023 Online Blog & Business Help | Theme by Superb WordPress Themes
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.Accept Read More
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT
Popup Button