Joomla! is the mobile-ready and user-friendly way to build your own website. Choose from thousands of features and designs. Joomla! is free and open source.


This tutorial contains guides for the following Joomla versions. We also have a separate tutorial for Joomla 3.

  • Version 2.5
  • Version 1.6
  • Version 1.5

Joomla 2.5

  1. Log into your Joomla administration area.
  2. If you are using a text editor, such as TinyMCE, set it to "none".
  3. Install the custom HTML advanced module on your Joomla account.
  4. Continue following the below instructions for Joomla 1.6.

Joomla 1.6

  1. Log in to your Joomla administration area. Click on the Template Manager under the Extensions tab.

    Template Manager menu item

  2. On the Templates Manager page, click on the Templates link.

    Templates link

  3. Click on your current theme. If you are not sure which that is, choose the one whose thumbnail looks like your website.

    Click current theme

  4. Click Edit main page template.

    Edit main template button

    The next page is where you will need your Olark code, which you can copy here:

    Your Olark install code
  5. Scroll to the bottom of the Source Code text area and paste your Olark embed code before the </body> tag.

    Olark snippet in text area

    Then click Save.

  6. Click Edit error page template. This step helps make sure that Olark appears on all the pages of your website.

    Click edit error page template

  7. Paste your Olark code into the bottom of the Source Code text area, just like you did in the main page template

    Olark code in text area

    Finally, click Save. That's it! Load up your Joomla website to try it out.

Joomla 1.5

  1. Log into your Joomla administration area.

  2. Click on the "Template Manager" in Extensions » Template Manager

    Template manager menu item

  3. Click your current theme:

    Click on your current theme

  4. Click on "Edit HTML"

    Edit HTML button

  5. Scroll to the bottom of the editor panel and paste Olark Javascript above the </body> tag.

    Your Olark install code

    Olark code in text area

  6. Click save.

    Save button