Saturday, December 12, 2015

How to add live chat widget to your blogspot blog

Live chat system helps you interact with your visitors one on one. Interacting with your visitors and providing immediate answers to the questions they ask keeps them coming back to your blog, thus, improving your traffic.

To add live chat widget to your blog, follow the guide below:

Step One: First, sign up at Mylivechat. Check your email and verify your account via the link sent in the email.

Step Two: Login to your Dashboard 

Step Three: Click on Deployment tab (located at the left menu options), then select Embedded Chat. 

Step Four: Copy all the code from the box shown in the screenshot above.

Step Five: Login to your blogger Dashboard > Templates > Edit HTML

Step Six: Search for </body> and add the code you copied before the </body> tag

Should then look like this...

<!--Add the following script at the bottom of the web page (immediately before the </body> tag)-->
<script type="text/javascript" async="async" defer="defer" data-cfasync="false" src=""></script>

Note: XXXXXXX is your live chat ID.

Step 7: Save and exit.

Visit the downloads page to download the Windows, Android or iOS client. The web console does everything pretty cool though. Its your call!

Now launch your blog. The live chat widget should be floated at the bottom-left of all your blog pages. See example below

This is pretty easy to do. But if do not have basic understanding of HTML, please backup your template first. Just in case you mess things up.

Write replies
  1. These are some nice and clear instructions, Collins.
    Just wanted to draw your and your readers' attention to a bit different type of live chat, which is group chat, like Chatwee.
    As easy to install, as the one you described, plenty of customization options, cool looks and you can even use it for free as long as you want. It's just that it offers a bit different options like public chat room and private conversations.

    1. Thanks, Roman. I'll do my best to explore all the features of Chatwee, and maybe, do some review here.


    2. Nice one! Worth a try IMO, nothing to lose there.

    3. This comment has been removed by a blog administrator.

  2. Awesome article, now I know exactly what to do thanks.

  3. This comment has been removed by a blog administrator.


If your comment is unrelated to this article, post the problem, request or suggestion here instead.