How to integrate LiveZilla Live Chat with your Websites
Integration part 1: How to get the Code
Please start the LiveZilla Server Admin software from your desktop. Select Link Generator and hit continue. Follow the wizard until you reach the Link Generator form.
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 integration Elements:
This code will directly integrate LiveZilla Chat into your website. The chat widget will overlay your website and will attract many chat sessions. Please note that each visitor can only initate one active chat session.
The following configurations can be made:
Doctype For full functionality of LiveZilla, it is important to the select the doctype matching the doctype of your website. If you don't know the doctype of your website, please have a look at your websites source code. The doctype is specified in the first line. Please note our list of supported doctypes.
Margin Defines the distance (in px) to the border of the browser window.
Shadow Adds a shadow to your onsite/overlay chat widget.
Position Defines the position of the onsite/overlay chat widget.
Online only The onsite/overlay chat widget will only appear when one or more operators are available.
The Graphic Chat Button allows your website visitors to initiate a Live Chat (in a new browser window). This integration options will attract less chats but offers more flexibility and chat functions. 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.
The following configurations can be made:
Doctype For full functionality of LiveZilla, it is important to the select Doctype matching the Doctype of your website. If you don't know the Doctype of your website, please have a look at your websites source code. The doctype is specified in the first line. Please note our list of supported doctypes.
Icons Press the Change button to select the images you like to use with this chat button.
Add Visitor Monitoring Script The visitor monitoring script allows you to monitor your website visitors in real-time.
Online only The chat button will only appear when one or more operators are available.
The Floating Button allows your website visitors to initiate a Live Chat. 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.
The following configurations can be made:
Doctype For full functionality of LiveZilla, it is important to the select the Doctype matching the Doctype of your website. If you don't know the Doctype of your website, please have a look at your websites source code. The doctype is specified in the first line. Please note our list of supported doctypes.
Margin Defines the distance (in px) to the border of the browser window.
Shadow Adds a shadow to your Floating Button. Please note that not all browsers do support this feature.
Position Defines the position of the Floating Button.
Icons Press the Change button to select the images you like to use with this chat button.
Online only The Floating Button will only be shown, when one or more operators are available.
It is also possible to use decent Text links. Text Link is an inline element.
The following configurations can be made:
Doctype For full functionality of LiveZilla, it is important to the select the Doctype matching the Doctype of your website. If you don't know the Doctype of your website, please have a look at your websites source code. The doctype is specified in the first line. Please note our list of supported doctypes.
Online Text The text displayed when operators are available.
Offline Text The text displayed when no operators are available.
Online CSS The CSS definition used when operators are available. This setting is optional. Example: font-size:12px;font-family:verdana,arial.
Offline CSS The CSS definition used when no operators are available. This setting is optional. Example: font-size:12px;font-family:verdana,arial.
Add Visitor Monitoring Script The visitor monitoring script allows you to monitor your website visitors in real-time.
Online only The Text Link will only be shown, when one or more operators are available.
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:
Doctype For full functionality of LiveZilla, it is important to the select the Doctype matching the Doctype of your website. If you don't know the Doctype of your website, please have a look at your websites source code. The doctype is specified in the first line. Please note our list of supported doctypes.
Additional settings (chat targeting, pass thru parameters) can be found under Advanced.
When all configurations are made please press the Copy to clipboard button.
Integration part 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 always be placed inside of the body tag.
Common Problems
If the integration does not work properly, please find a list with all common integration / configuration problems here:
