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 Joomla theme

1. Log in to Joomla and go to the Extensions > Template Manager page.
2. If you are unsure of which theme you are using, look for the one set as default and set as site under the location columns.
   Important! Take a note of the name (protostar in this example) because we will need it for the next step.
3. Using the navigation on the left, click on Templates.
4. Select the correct template as shown below.
5. Paste your chat script into the header section of the page as shown below. The code should go just before the </head> line.
   Important! The script needs to go before the </head> tag.
6. After you have pasted your code click the button to save the changes you have 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.