How to add Hablo to your website

This guide will take you through the steps to add the necessary script to your website for Hablo to work.

You will need to sign up for an account first to complete the installation.

Get your unique chat script

  1. Log in to your Hablo account.
  2. Click on your website name in the menu and then select Widget from the dropdown menu.
  3. There will be a box on the Widget page with the script in it.
  4. Copy all of the text in the box, including the <script> the ending </script> bits.

Add the chat script to your Blogger website

  1. Log in to Blogger and go to the Template Page.
  2. In the template section Click Edit HTML on the Live on blog section as shown below. Blogger how to edit template
  3. Paste your chat script into the header section of the page as shown below. The code should go just before the </head> line. Tip! If you are having difficulty finding the </head> tag you can search for it using Ctrl + F on Windows or Command + F on Mac. Important! The script needs to go before the </head> tag. Blogger add chat script to head
  4. After you have pasted your code click Save Template

Check your script

  1. In order for the chat widget to show, there needs to be an agent ready. Log in to your account and set your status to Ready.
  2. Now go to your website and refresh the page. Your Hablo chat box should now appear on the page.
  3. Now that you have the basics setup, you can customize the look of your widget and change some of the default options.
    Important! You will not have to reinstall the script again for changes to take effect.
  4. Please see our customization guide for more details.