How to Embed an Infographic on Your Blog

The other day, I placed an infographic on my website and with it I added embed code, but I didn’t actually show you what to do with that code to put the infographic on your blog. Today, we’re going to do that together.

I created a video to show you how to do it, but if you would rather read – the instructions are below in text form and available as a downloadable PDF file.

Watch the Video:


Step #1: Grab the Embed Code

  1. Go to:
  2. Place your mouse inside the code box to highlight all the text in blue.
  3. Right click your mouse and choose “Copy” to add the code to your clipboard.

Step #2: Go to the WordPress Dashboard

  1. Create a new post by choosing “Add New” from the Posts menu.
  2. Click the “Text” tab to make it active.
  3. Place your mouse into the post box and hit enter two times.
  4. Right click the mouse button and choose “Paste as plain text” to paste the code into the box.
  5. Then, hit the “Enter” key another two times.

Hitting the enter key provides space above and below your posted code so you can add an introduction to the top and a call to action at the bottom of the infographic code.

Once I have an introduction and call to action added to the blog post, I usually bold the “call to action” to help it stand out. In the case of this infographic, I would ask people to add additional suggestions on how to recycle infographics.

Step #3: Fill In Information

  1. Choose an appropriate category for your blog post.
  2. Enter the keywords/tags and update the SEO information.
  3. Update the feature image (if you use one).

Step 4: Preview the Post

I always like to preview my blog posts before I make them go live. This allows me to find misspelled words and/or punctuation errors.

Click the “Save Draft” button and then the “Preview” button to review your blog post. If everything looks good, go back to your WordPress dashboard and click the “Publish” button to make the post available to your readers.

Download the Instructions

Have you embedded an infographic to your blog before? Leave a comment below and let me know!

Thanks for listening,
– Bonnie

P.S. Did you enjoy this message? If so, please share it with your friends so they can benefit from schmoozing. Then, if you want to get more messages like this one, connect with me via my social links below or hop aboard my notification list. I would like to keep in touch.

About Bonnie Gean

Bonnie is a full-time writer and marketer with over 20-years of experience as an entrepreneur. She loves helping people overcome the technical challenges associated with an online business. Need a step-by-step tutorial? Simply ASK her and she'll help you too.

Join the Discussion

  1. Tried these steps but didn’t work for me.

  2. I’ve embedded two on Elder Care Café so far. Had a bit of a problem trying to figure out whether to add anything on the top or bottom such as what you suggested. The type is so much smaller and it seemed to take away from the look of the infograph, so I’m still not sure how I’m going to do it. FYI: The link attached to this comment is an infograph. ;)
    Edie Dykeman recently posted…Silver Surfers: Internet Usage Among Older Generations InfographicMy Profile

    • That’s a very nice infographic, Edie.

      I don’t think text before or after an infographic embedded in a post detracts from the graphic at all. In fact, I think it enhances it and prompts people to actually check out the graphic!

  3. Very cool Bonnie. Great way to get them used more.

    By the way I like your option for downloading the instruction via PDF. Is that a post to PDF converter or was that a one time thing you did manually?
    Misty Spears recently posted…Kindle Book Publishing Project Update #2 – Creating the Outline and Importing into ScrivenerMy Profile

  4. I embed all sorts of things – infographics, slideshares, videos. Remembering to hit that text tab is the key!
    Jan Kearney recently posted…How to Convert a Google Plus Brand Page to Google Local [Video]My Profile

  5. Great instructions Bonnie. I had to find out how to do that the hard way the other day when I did this for the first time
    Ana recently posted…What To Do If You Kiss Another Guy (But Didn’t Mean To)My Profile

  6. Ah, thanks for the tips Bonnie!
    Sophie Bowns recently posted…Teddy- Chapter 28My Profile

  7. Helpful tip.
    I looked at infographics, but got confused as to how whether I should just edit the blog post it was based on to insert the graphic there, or have it as a new post.
    In the meantime, I find myself looking a video instead and more article writing instead.
    So, do you post the infographic as a totally new post?
    cheers, Gordon
    The Great Gordino recently posted…Goal Achievement – A Calvin & Hobbes Classic!My Profile

    • Yes, Gordon – I insert the infographic as a totally new post and offer a short introduction explaining what it’s about.

      Then… always add a call to action at the end that tells readers what you want them to do with it, such as share it on social media — tell a friend, etc.

  8. Hello Bonnie,

    Good tips on how to embed infographics. The more blogs I read, the more I notice that a lot of blogs are starting to use them. Do you have any favorite tools or resources for building infographics?

    • I build all mine with Photoshop, but you know Gimp has the capabilities of making them too. There are tons of online resources, such as, Piktochart and Canva, etc. Just type in infographic template into Goodle and be amazed at all the selections. :)

      Are you thinking of making infographics, Nate?

Share Your Thoughts


CommentLuv badge