How to Use Infographics On Your Website

How to Use Infographics On Your Website

Using Infographics On Your Website

You’ve got a hot little infographic and it’s ready to go viral. But what should you do with it. When it comes to knowing how to use infographics on your website, there are only a few things you need to be aware of. We’ll discuss those here and explain how to create an embed code to help with your infographic’s campaign of world domination.

An infographic is a carefully thought out and designed graphic used to inform readers about a topic. You can read our article about the benefits of using infographics to learn more about them. They’re great at helping to convert leads for your business in five ways. Read our article ways you can use infographicswhich explains the to get some more ideas.

But today we’re talking about how to use infographics on your website.

How to Use Infographics On Your Website

Every page on your website can technically have an infographic placed on it. But to do so would be overkill. Instead save your visual graphics for:

  • Landing Pages – the term landing page can mean different things for different people. When we’re discussing it here, we mean it as a page you direct visitors to for a specific purpose. You may do this via paid advertising, email marketing or organic searches. Once visitors arrive at your landing page, it’s designed to get them to do one thing. It may be to buy your product or service, sign up for your newsletter or give you a phone call. Your infographic can be the carrot to keep them on your page for longer, scroll down and learn everything you’ve got to tell them. Or you could use it as the freebie to give them in return for their action.
  • Blogs – by their nature, blogs are used to teach our visitors something. They’re created to bring organic traffic to your website and from there, new customers or clients. A blog describes something and gives something of value to your target audience. Therefore, including an infographic with your blog, is like giving the visitor an additional bonus they weren’t expecting.

Creating An Embed Code for An Infographic

As well as having social sharing buttons for your infographic, it’s also handy to provide an embed code. This is a piece of code which people copy and paste onto their website which replicates your infographic on their website. It also can give you a link back from their website.

First up, you’ll need to upload your infographic to your web page. It’s best if you publish the page first, then add the embed code and update the page. . You can create the embed code for free using Seige Media’s Embed Code Generator. They have a form you need to fill out, which I’ll explain here.

  • Site Name – this is the main URL of your website. So for us, that would be
  • Post URL – this is the URL where the infographic you want to create the code for is posted.
  • Image URL – this is the URL of the image itself. You can find this by right clicking on the image and selecting Copy Image URL.
  • Image Alt – this is the name of the infographic plus the word infographic.
  • Width of Image – this is the width you’d like the infographic to show on their website. Around 600pxl is good.
  • Height of Image – leave this blank and it will sort itself out automatically.
  • Embed Box Width – the width you want the code box to be, usually the same width as the page you are adding it too. Try 600-650.
  • Embed Box Height – the height you want the box to be.

Then it will make the embed code for you. All you need to do is post this code into the spot you want it to be on your web page. This is usually directly underneath your infographic.

Need Infographic Help? Just Ask!

If you need some more help, comment below this post or fill in our contact form below. Don’t forget to find out more about our Infographic Design Service today too.

Tags: infographics  

Posted: Friday 17 November 2017