How to Integrate LiveZilla Live Chat with your Websites

1. How to get the Code

Please sign on to the LiveZilla Operator Console and open the Link Generator [ ]. While the Link Generator offers you several different configurations, in most cases you don't need to set up much.

You can choose from 5 different integration elements:

On-Site Chat Overlay

This code will directly integrate LiveZilla Chat into your website, the chat runs in the same window.

The chat widget will overlay your website and attract most chat sessions (this is the preferred integration for sales chats).
Graphic Chat Button

The Graphic Chat Button allows your website visitors to initiate a Live Chat running in a new browser window.

You can choose from more than 20 different Live Chat Icons or use your own set of images to attract your website visitors attention. The Graphic Chat Button is an inline element.
Floating Button

The Floating Button allows your website visitors to initiate a Live Chat running in a new browser window. You can choose from more than 10 different Live Chat Icons or use your own set of images to attract your website visitors attention. The Floating Button is an overlay element, that stays in position when scrolling down.
Text Link

It is also possible to use decent Text links. Text Link is an inline element.
Visitor Monitoring

If you don't want to offer chats but want to monitor your website visitors, this is what you need. The following configurations can be made:

Additional settings (chat routing, pass-thru parameters, settings) can be found under Advanced.

When all configurations are made please press the Copy to clipboard button and proceed to step 2 (right side). 2. How to integrate the Code

Please paste the code snippet of the Live Chat Button / Visitor Monitoring HTML script into your web page source code and upload the updated page to your web server.

The code must be placed before closing </body> tag.

Integration with popular CMS:

Integrate LiveZilla with Joomla
Adding LiveZilla Live Chat Button directly to Joomla 3.x

For adding the LiveZilla Floating Button or Overlay Chat code to your Joomla theme directly you need to have access to your Joomla files via FTP or Cpanel File manager.

To integrate LiveZilla Live Chat system with your Joomla-based website, please follow the steps below:
1. Access your Joomla files via FTP or Cpanel File manager.
2. Open there Joomla / templates / Your theme name folder, in our example the "beez3" theme is used.
3. Open index.php file located in this folder.
4. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
5. Copy the code and insert it to the index.php before closing </body> tag.
6. Save your changes and upload your updated index.php file to your FTP or Cpanel.
7. The chat button will now appear when you reload your website.
Integrate LiveZilla with Drupal
Adding LiveZilla Live Chat Button directly to Drupal 7.x

For adding the LiveZilla Floating Button or Overlay Chat code to your Drupal theme directly you need to have access to your Drupal files via FTP or Cpanel File manager.

To integrate LiveZilla Live Chat system with your Drupal-based website, please follow the steps below:
1. Access your Drupal files via FTP or Cpanel File manager.
2. Open there Drupal / themes / Your theme name folder, in our example the "bartik" theme is used.
3. Open page.tpl.php file located in this folder
4. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
5. Copy the code and add the code to the end of page.tpl.php.
6. Save your changes and upload your updated page.tpl.php file to your FTP or Cpanel.
7. The chat button will now appear when you reload your website.
Integrate LiveZilla with Prestashop
Adding LiveZilla Live Chat Button directly to Prestashop 1.x

For adding the LiveZilla Floating Button or Overlay Chat code to your Prestashop theme directly you need to have access to your Prestashop files via FTP or Cpanel File manager.

To integrate LiveZilla Live Chat system with your Prestashop-based website, please follow the steps below:
1. Access your Prestashop files via FTP or Cpanel File manager.
2. Open there Prestashop / Themes / Your theme name folder, in our example the "default" theme is used. You can check the name of your theme in the Prestashop admin panel in Preferences / Theme.
3. Open footer.tpl file located in this folder.
4. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
5. Copy the code and insert it to the footer.tpl before closing </body> tag.
6. Save your changes and upload your updated footer.tpl file to your FTP or Cpanel.
7. The chat button will now appear when you reload the shop page.
Integrate LiveZilla with Wordpress
Adding LiveZilla Live Chat Button directly to Wordpress 4.x

For adding the LiveZilla Floating Button or Overlay Chat code to your Wordpress theme directly you need to have access to your Wordpress files via FTP or Cpanel File manager.

To integrate LiveZilla Live Chat system with your Wordpress-based website, please follow the steps below:
1. Access your Wordpress files via FTP or Cpanel File manager.
2. Open there Wordpress / wp-content / themes / Your theme name folder, in our example the "twenty fifteen" theme is used.
3. Open footer.php file located in this folder.
4. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
5. Copy the code and insert it to the footer.php before closing </body> tag.
6. Save your changes and upload your updated footer.php file to your FTP or Cpanel.
7. The chat button will now appear when you reload your website.
Integrate LiveZilla with Opencart
Adding LiveZilla Live Chat Button directly to Opencart 2.x

For adding the LiveZilla Floating Button or Overlay Chat code to your Opencart theme directly you need to have access to your Opencart files via FTP or Cpanel File manager.

To integrate LiveZilla Live Chat system with your Opencart-based website, please follow the steps below:
1. Access your Opencart files via FTP or Cpanel File manager.
2. Open there opencart / catalog / view / theme / Your theme name folder (in our example the "default" theme is used) / template / common.
3. Open footer.tpl file located in this folder.
4. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
5. Copy the code and insert it to the footer.tpl before closing </body> tag.
6. Save your changes and upload your updated footer.tpl file to your FTP or Cpanel.
7. The chat button will now appear when you reload your website.
Integrate LiveZilla with Magento
Adding LiveZilla Live Chat Button directly to Opencart 1.8.x

To integrate LiveZilla Live Chat system with your Magento-based website, please follow the steps below:
1. Access your Magento Backend / Administration Panel.
2. Locate the Miscellaneous HTML box under System -> Configuration -> General -> Design -> Footer.
3. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
4. Copy the code and paste it directly in the Miscellaneous HTML box and save the data.
5. Make sure to refresh Magento's cache in full under System -> Cache Management.
6. The chat button will now appear when you reload your website.
Integrate LiveZilla with Typo3
Adding LiveZilla Live Chat Button directly to Typo3 6.x

To integrate LiveZilla Live Chat system with your Typo3-based website, please follow the steps below:
1. Access your Typo3 Backend / Administration Panel.
2. Edit the Footer content page under WEB -> Page -> Welcome -> Generated Content -> Footer Content -> Left.
3. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
4. Copy the code and paste it into the HTML Code box and save the changes.
5. The chat button will now appear when you reload your website.
Integrate LiveZilla with WHMCS
Adding LiveZilla Live Chat Button directly to WHMCS CRM/CMS System.

To integrate LiveZilla Live Chat system with your WHMCS, please follow the steps below:
1. Access your WHMCS files via FTP.
2. Go to whmcs / template / (your theme name folder).
3. Open footer.tpl file located in this folder.
4. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
5. Copy the code and insert it to the footer.tpl before closing </body> tag.
6. Insert a {literal} tag above and a {/literal} right below your LiveZilla code.
7. Save your changes and upload your updated footer.tpl file to your FTP or Cpanel.
8. The chat button will now appear when you reload your WHMCS pages.
Integrate LiveZilla with Shopware 5
Adding LiveZilla Live Chat Button directly to your Shopware 5 Website.

To integrate LiveZilla Live Chat system with your Shopware 5 installation, please follow the steps below:
1. Access your Shopware files via FTP.
2. Go to themes / Frontend / Bare / frontend / index.
3. Open footer.tpl file located in this folder.
4. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
5. Copy the code and insert it to the footer.tpl at the end of the file.
6. Save your changes and upload your updated footer.tpl file to your FTP or Cpanel.
7. The chat button will now appear when you reload your Shopware 5 pages.
Integrate LiveZilla with OXID 4
Adding LiveZilla Live Chat Button directly to your OXID 4 Webshop.

To integrate LiveZilla Live Chat system with your OXID 4 installation, please follow the steps below:
1. Access your OXID files via FTP.
2. Go to application \ views \ azure \ tpl \ layout.
3. Open footer.tpl file located in this folder.
4. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
5. Copy the code and insert it to the footer.tpl at the end of the file.
6. Save your changes and upload your updated footer.tpl file to your FTP or Cpanel.
7. The chat button will now appear when you reload your OXID 4 shop pages.
Integrate LiveZilla with Gambio
Adding LiveZilla Live Chat Button directly to your Gambio Shop System

To integrate LiveZilla Live Chat system with your Gambio Shop website, please follow the steps below:
1. Access your Gambio Backend / Administration Panel.
2. Locate the Footer under TOOLBOX -> Content Manager and click Edit.
3. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
4. Switch to HTML Source and paste the LiveZilla code at the bottom, then save the data.
5. Make sure to refresh Gambio's cache under TOOLBOX -> Clear Cache.
6. The chat button will now appear when you reload your website.

Integrate LiveZilla using Google Tag Manager
Adding LiveZilla Live Chat Button directly to your website using Google Tag Manager

To integrate LiveZilla Live Chat system with your website using Google Tag Manager, please follow the steps below:
1. Access your Google Tag Manager Backend and add a new TAG. Choose the custom HTML tag as tag type.
2. Generate the LiveZilla Code as described on the left side of this page (How to get the Code).
3. Now insert the LiveZilla Code.
4. Press +Add Rule to Fire Tag.
5. Select All Pages to let Google know that you want the LiveZilla Code to load on all pages.
6. Save the rule and save the tag.
7. Press create version in the upper right hand corner of the page, review your changes and click publish.

Your favourite CMS is missing? Something is outdated?

Just let us know and we will provide you with an updated guideline.

Back