The Beginner’s Guide To Creating and Promoting Infographics

by Kristi Hines

Last updated on July 11th, 2017

Ready to add infographics to your content marketing mix in 2013?

Here’s the beginner’s guide that will walk you step-by-step from the why to the how of this red-hot new marketing trend — infographics.

Why Infographics?

Some people consider them just a passing fad.  The truth is that, in many cases, infographics are a superior way to present information.

And they aren’t new.

The infographic below dates back to the Crimean War in the 19th century.

Created by Florence Nightingale (a nurse and statistician) this graphic details the cause of death of participants in the war.  It was prepared for Queen Victoria and included in a report called Notes on Matters Affecting the Health, Efficiency, and Hospital Administration of the British Army.


Here is what the colors represent,

  • Blue/Gray =  Death by preventable disease
  • Red = Death by war wounds
  • Black = Death by all other causes

Nightingale could have chosen to write in her report to Queen Victoria…

“Death by preventable disease far outweighs other causes, particularly in the winter months.”

… but the infographic communicates it much better.

But there’s no question that infographics as a marketing tool are hot in 2013 and there are solid reasons businesses should consider them.

Here’s three reasons:

1 – Infographics are shareable

Want to create content that people love to share?

Infographics are highly shareable – they typically do well on social media (tweets, likes, +1’s, etc.) and they are often republished on other blogs that cover similar topics. If you create a really interesting infographic, you even have a shot at having your infographics published on major sites like Mashable.

This outstanding infographic called THE NOOB GUIDE TO ONLINE MARKETING from Unbounce did very well with social shares,


2 – Infographics are great link bait

Aside from being shared, they are often linked to as well when republished by blogs and other websites. Whether the link is to your homepage as the infographic source or directly to the page on your website where you originally published the infographic, these links can help boost the authority of your website when it comes to search engines and rankings.

The NOOB GUIDE infographic has received links from over 289 sources according to the Open Site Explorer tool from SEOMoz.


3 – Infographics create brand awareness

When an infographic is shared often, it creates great exposure for your business. The more people recognize your business name, the more likely they are to remember it when they need products and services that you offer.

All of the brand exposure you get from your infographic can help establish your brand as an authority in your industry. For example, if someone was researching responsive web design and found an infographic created by your web design business that explained why it was important, they might hire your business to create their new website.

How To Create an Infographic

Here are 4 steps for creating an infographic.

Step 1 – Choose a topic

Since infographics are generally representations of data you will want to pick something where you or other reputable organizations have done a good deal of research.

TIP: For your first infographic, choose a broad topic rather than a niche topic.  You can always scale down the breadth of the topic if you end up with too much information to represent in your infographic.

Step 2 – Gather info in a text outline

The next step is to gather all of the info into one document — such as a Microsoft Word document.  Find information from reputable sources and copy/paste text, images, charts and other assets into your outline.

TIP:  As you scour the web gathering resources for the project remember to copy and paste the URL of the source material into your outline — it will be very difficult to track down later.

Step 3 – Create a wireframe

As with most design projects, it pays to have a design plan.

Grab an old fashioned pencil and paper or use a software program like Balsamiq to create a wireframe or mock-up for the infographic.

It doesn’t have to be anything fancy but handing your designer a wireframe will go a long way in making sure there are no surprises when the first draft comes back.

Wireframes are often little more than black and white boxes and text like the one below,

Wireframe for an infograpic

Step 4 – Provide a color palette and beyond

You’re almost there but before you hand this over to the designer, you might want to provide some input about the colors and other aesthetic elements of this infographic.

Although there is a solid argument for just letting the designer do their thing.

When communicating what you want to a designer, it helps to use examples, screenshots, links and other examples that are concrete.

For colors, I like to use Kuler from Adobe to create palettes that can be shared with the design team.

Below is a color palette from Kuler called Peace and Calm. You can choose from color palette’s created by other members of the Kuler community or create your own.

Although it is difficult to see in the screenshot below, the information below each color will give your designer all they will need to precisely duplicate each color in the palette.

Color Palette for Infographic

As for inspiration regarding the style of the graphs, charts, icons and other design elements in the infographic, consider pointing your designer to a set of stock icons such as you’ll find on iStockphoto.

You may want them to use these exact icons or create custom icons using your example as inspiration.

Here’s an example of a set of stock design elements you could use to point your designer in the right direction,


The more examples you provide to your designer, the better.

Of course, the other way to go would be to simply hand over 100% creative control to the designer which, in some cases, will produce the best results.

Infographic publishing

Once your infographic is created, you will need to publish it on your website. Having it hosted on your own website means that any social shares and links will be coming back to your business — and that’s a good thing.

Here are some other important tips about infographic publishing.

Optimize your image for best results

The last thing you want is for someone to come to the page where your infographic is published and not be able to load it quickly. Make sure the file size of your infographic is a small as possible without sacrificing image quality.  Ask your designer to send you a copy of the original file (usually an .ai, .pdf, .eps or .psd file) as well as a version of the file that is optimized for the web.

Go with standard image file types

If you want your infographic to be published on other websites, you’ll need to publish it in JPG or PNG format. While interactive infographics made with Flash can get a lot of links, other websites can’t easily share them.  And since PDF’s can’t be easily embedded, it’s best to steer away from them as well.

Include embed code for easier sharing

Make it easy for people to publish your infographic by including HTML code that they can copy and paste onto their own blog or website. Offering customized embed code also helps you in the link building process as you can include a link back to your own website as the source for the infographic just the way you want it.  Consult your web developer to have them put this code together for you.

Below is an example of what your embed code could look like,

Include social sharing buttons on the page

Any page on your website should have social sharing buttons – especially pages with infographics on them. Facebook, Twitter, Google+, and especially Pinterest should be the standard social sharing buttons on your infographic page so that more people can share your infographic.

How to promote your infographic

Don’t make the mistake of creating a beautiful infographic and not promoting it!

Here are some good ways to promote your infographic so it can be seen by the largest audience possible.

Share it on social media

Start with your own social media accounts – tweet it, post it to your Facebook wall, pin it to your Pinterest account, share it on Google+, and so forth. If it’s one that you really want to push, consider using social advertising such as Twitter Ads, Facebook Promoted Posts, or Facebook Sponsored Stories.

Reach out to bloggers in your industry

Blogger outreach is another great way to make sure your infographic reaches a larger audience. Look for blogs in your industry that publish infographics (use the Google search infographic to find out if a blog does post infographics) and send them a personalized email letting them know about your infographic and why it is relevant to their blog audience. Also give them the embed code to make publishing as simple as possible.

Distribute it on infographic blogs and directories

There are lots of websites and blogs devoted to infographics. Especially if your goal is building links with your infographic, be sure to submit it to infographic blogs and directories.  Use this outstanding list of over 100 websites to submit your infographic to.

And don’t forget to take a look at our round up of resources that will show you how to get started creating infographics.

Have you created infographics for your business or for your clients? What other tips would you add for infographic creation, publishing, and promotion?



Get updates on new articles, webinars and other opportunities:

Kristi Hines

Kristi Hines is a freelance writer, ghostwriter, and professional blogger who helps develop blog content and lead magnets for businesses.


Comment Policy

Please join the conversation! We like long and thoughtful communication.
Abrupt comments and gibberish will not be approved. Please, only use your real name, not your business name or keywords. We rarely allow links in your comment.
Finally, please use your favorite personal social media profile for the website field.


Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. argile says:
    July 31, 2016 at 11:12 am

    Great post. I’m going through some of these issues as well..

  2. Anonymous says:
    February 5, 2016 at 11:19 pm

    Thanks for this detailed explanation. I’m a total newbie on making infographs but I think I should create one for the promotion of my blog. 🙂
    Thanks again! 😀

  3. Luis Cabrera says:
    January 19, 2016 at 9:50 am

    Hey Neil… I did´t know you post on this website too (Are you the owner?)
    Anyway I just wanted to say hello and thank you for all you have done for my blog and for me as blogger. Great day!

  4. devenir rentier says:
    December 29, 2015 at 2:28 pm

    I am trhly thankful to the holder of this web page who has shared this wondertful post at at this place.

  5. Anonymous says:
    December 7, 2015 at 8:38 am

    It’s hard to come by knowledgeable people on this subject,
    but you seem like you know what you’re talking about!

  6. Shalin says:
    March 10, 2015 at 5:34 am

    All the facts are very clear except I would like to add another fact most of the guys are missing out. The placement of the infographic you create. When you create an awesome inforgraphic, you should post it on a place where there’s a matching audience. May be reddit is not a good place to post it or your personal blog may be the best place to share it. Do a research first them post to get a viral response.

    • March 10, 2015 at 10:45 am

      That’s true for all content. The gold standard is the right message in front of the right audience at the right time. Thanks, Shalin.

  7. October 6, 2014 at 3:46 pm

    Great post to kick off my first Infographic creation! Thanks!

  8. August 10, 2014 at 10:47 pm

    After reading and understanding the importance of infographics I was looking for a good tutorial and I ended up in this article. Great article and easy explanation, Looking forward to make better infographics. Thanks for sharing, also thanks to Neil patel………….

    • Neil Patel says:
      August 10, 2014 at 11:01 pm

      Rakesh, glad you found it helpful. Looking forward to hearing more from you 🙂

      • Rakesh says:
        August 11, 2014 at 12:42 am

        I found ur work about an year ago but those days I was more focused on creating good projects. It ranked well for me but now things ave changed. As of now I am trying to find issues and I think INFOGRAPHICS can help me to some extend. Apart from that It has become a standard operating procedure for me to read your article carefully. Very very carefully !! on my way back home from office to find the root cause of trouble. 🙁 In a way I am talking to you almost everyday :/

  9. Lucy says:
    July 17, 2014 at 9:06 am

    Very interesting article! Thank you for the information. I do have a question though regarding how to share the images on social media linking it back to my ecommerce site if i dont have a blog to post these images on?

    • July 17, 2014 at 9:36 am

      Hi Lucy. Generally, infographics are used as blog posts. When sharing them in social media, we usually just make our comment (or share the title) and add the URL of the Web page. Hope that helps.

      • Lucy says:
        July 18, 2014 at 2:45 pm

        Thanks Kathryn for the quick reply. Is there any way to hyperlink the image so that the viewer gets re-directed to the website , or even the product page for example?

        • July 18, 2014 at 4:33 pm

          Each image on a website has its own URL. The only way to do what you ask is to share that URL. Trouble is, they’d end up on a blank page with nothing but your image. If you want to send people to a particular web page, your best bet is to link directly to that page. So let’s say you want to promote a product page. You could make an interesting comment about the product, then link to that page. People will visit and see the image on the page.

  10. April 20, 2014 at 11:46 am

    Excellent and concise breakdown, Kristi – especially for a beginner now entering the world of creating/ recommending infographics!

    • April 20, 2014 at 12:12 pm

      Glad to hear it, Sandra. Good luck with your new venture!

    • neil says:
      April 20, 2014 at 11:51 pm

      Sandra, glad you found the article helpful 🙂

  11. Catherine says:
    October 15, 2013 at 6:04 am

    Thanks Kristi for such an incredible post.

    I would like to suggest one site to submit infographics in b2b marketing and technology. The site url is



  12. July 10, 2013 at 7:12 am

    Nice as always, but could please provide some Images sizes guides and resources which will able to repadily create hig-resoultion infographics?

    Thank you!

    • July 10, 2013 at 9:21 am

      That’s a great idea, Matthew. We’ll see what we can do.

  13. Louisa says:
    April 4, 2013 at 9:32 am

    Another concise and immensely useful article Kristi – thanks

  14. February 5, 2013 at 1:38 am

    Kristi thanks for sharing nice articles. I will try to use these 2 Balsamiq, Kuler from Adobe. Thanks for your wonderfull information.

  15. Alex says:
    January 18, 2013 at 11:36 pm

    A very nice post Kristi, Infographics are really cool and useful. you have shown here nice ways to build them, promote them. I also agree with you on the point that Infographics are great link bait. I created a simple infographic few months ago and I could see there were more likes and shares on social media for infographic.

  16. January 18, 2013 at 8:40 pm

    A really useful article.

    Thank you.

  17. January 18, 2013 at 12:52 pm

    Fantastic artilce. I can’t wait to get started. Thank you.

    • Russ Henneberry says:
      January 18, 2013 at 1:21 pm

      Go get ’em Bob! 🙂

  18. Ejidayo says:
    January 18, 2013 at 9:58 am

    Great article and thanks for all the links. I have just begun to offer infographics as an added service to my clients and this is a very useful blogpost.

  19. January 18, 2013 at 7:38 am

    Thanks for the overview of the process. I’m not a huge detail person, so even that simple tutorial was very helpful. Now I’m off to figure out my first infographic! Thanks for the inspiration!

    • Russ Henneberry says:
      January 18, 2013 at 8:21 am

      Good luck Lance! Drop a link to it in the comments when it is online!

  20. January 18, 2013 at 4:20 am

    This one bangs! But Can this infographics be created by photoshop and the likes, or is there any specific tool?

    • Russ Henneberry says:
      January 18, 2013 at 8:23 am

      I believe most designers are building infographics using Photoshop and/or Adobe Illustrator.

  21. January 16, 2013 at 11:37 am

    Really helpful article, Kristi, and thanks for the link to Kuler, which will come in handy for other web design projects, too.

Show Me My Heatmap

Crazy Egg Review: More Than A Heatmaps Tool via @wpekadotcom @CrazyEgg



What makes people leave your website?