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.

Adding the chat script to your WordPress theme

  1. Log in to WordPress. On the left click on Appearance and then Editor, which will take you to the Edit Themes page.
  2. On the right, under where it says Templates click on Header (header.php). This will show you the code for the header of your website.
  3. In the textbox in the middle, find the </head> tag.
    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.
  4. Paste your Hablo script just above the </head> tag.
    Important! The script needs to go before the </head> tag.
  5. Finally, click the Update File button to save the changes you made.

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.