Provide 24/7 affordable customer service with AI-powered chat.
Connect to learn more

Joomla integration guide (pre v3)

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.

Versions

This tutorial contains guides for the following Joomla versions:

  • Version 2.5
  • Version 1.6
  • Version 1.5

We also have a separate tutorial for Joomla 3.

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

5. The next page is where you will need your Olark code.

6. Log in and copy your Olark embed code.

7. 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

8. Then click Save.

9. 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

10. 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

11. 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.

6. Log in and copy your Olark embed code.

Olark code in text area

7. Click save.

Save button
Please provide the domain name where your Olark live chat is installed.
Include the relevant transcript URL, if possible. You can send us the specific URL from your Transcripts page.
If you see specific error messages, banners, warnings, notices, etc., please let us know here.
Max file size 10MB.
Uploading...
fileuploaded.jpg
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received and you'll hear from us shortly!
Oops! Something went wrong while submitting the form.