Overview

<< Click to Display Table of Contents >>

  System Setup and Customization > Control Panel > Using chat button codes > Standard codes >

Overview

General

 

Chat button code is used to integrate our system with your website. Chat button code

 

displays the chat icon or the text chat link

monitors the website

 

Chat button code can be inserted into any website, no matter how it's generated, the only requirement is that in the resulting HTML (when you right-click your page and choose View Source) the code should appear as provided on our website.

 

Chat button code should be inserted within the <body> </body> section of the web-page.

 

Chat icon

 

Chat icon can be any image chosen from our gallery, your own image uploaded to your account or the image stored on your web server.

 

Text chat link

 

Text chat link can be any plain or HTML formatted text.

 

Monitoring

 

The code which supports monitoring feature should be placed on every page that you wish to monitor. Our system has information only about pages with the monitoring code.

 

Adding several chat buttons to one page

 

To put more than one chat button on a page you need to generate, copy and paste the code several times. For doing this, please open the code page in the account Control Panel in several browser windows. Opening the code page with several browsers will force the system to regenerate unique IDs used in the code. If several codes with the same ID are added to the page, only the first one will work properly.

 

Note! If there are several monitoring codes on one page, all monitoring information will be displayed several times. The proactive chat invitation might work improperly as well.

 

Codes overview

 

To add the chat button to your website you need to copy the chat button code from the account Control Panel / Chat Button Codes page. There are several different codes for different purposes.

 

 

Displays chat icon from account Control Panel

Displays chat icon from your web server

Displays a text link to chat

Supports monitoring, chat invitation

Supports passing info from your website to operators

Fully Featured Chat Button Code with Uploadable Online / Offline Images

Yes

No

No

Yes

No

Graphics Chat Button Code with Different Images on Different Site Pages

No

Yes

No

Yes

No

Text Chat Link Code

No

No

Yes, supports basic HTML formatting

Yes

No

Passing Information from Your Website Scripting to Operators

Yes

No

No

Yes

Yes

Chat Button or Link for Emails

Yes, if HTML format chosen

No

Yes, if text format chosen

No

No

No-Script Chat Button Code

Yes

No

No

No

No

Hidden Code for Visitor Monitoring

No

No

No

Yes

No

Chat Button Code for Facebook Pages

Yes

No

No

No

No

Chat Button Code for Flash Websites

chat button image is integrated with Flash source

No

Yes, if the text link is used

No

No

Standard chat button codes features

 

Floating Chat Button Code. This type of code can be generated for Fully Featured Chat Button Code with Uploadable Online / Offline Images  and will display the chat button tied to a fixed position in relation to your browser screen.

 

Floating chat button code

Floating chat button code

 

This code should be inserted anywhere within your website <body>....</body> tags. The vertical and horizontal position in pixels or in percent will adjust the position of the chat button on your screen.

 

Fully Featured Chat Button Code with Uploadable Online / Offline Images will appear as a graphics button with online or offline images that you can upload or select from our gallery. It allows you to monitor website visitors and initiate proactive chats.

 

Graphics Chat Button Code with Different Images on Different Site Pages is similar to the Fully Featured Chat Button Code, but allows you to use several different chat button images on different pages of your website. You need to store your chat button images on your web server in this case and provide their URLs on the code page. The code will be regenerated automatically to include URLs.

 

Fields for custom chat images URLs

Fields for custom chat images URLs

 

Note! If you need to generate a code for secure page, you need to store your images in a secure location and provide URLs starting with https.

 

Text Chat Link Code has the same features as the Fully Featured Chat Button Code, but appears as a text link to chat support on your website pages. You can enter any text you wish on the code page, the code will be regenerated accordingly. You can also add basic HTML tags to the text to change its appearance.

 

HTML formatting in the Text Chat Link Code

HTML formatting in the Text Chat Link Code

 

Passing Information from Your Website Scripting to Operators code allows you to pass information about your visitor from your web page to your online support operators. This could be Customer ID or account name, or any other information your server or website knows about your visitors. The functionality of the Fully Featured Chat Button Code is also supported.

 

Chat Button or Link for Emails - code for emails allows your email recipients to chat with you right from the email message. This code doesn’t contain scripting so it doesn’t support the website monitoring and the proactive chat invitation features. The visitor messenger window size depends on the browser settings if this code is used.

 

There are two versions of the code – the text link to the messenger and the HTML code. The HTML shows online / offline button depending on the operators’ status when the email is opened.

 

No-Script Chat Button Code - code for websites where scripting is prohibited. This code doesn’t contain scripting so it doesn’t support the website monitoring and the proactive chat invitation features. It shows online / offline button depending on the operators’ status when the page is loaded. The Visitor Chat Messenger window size depends on the browser settings if this code is used. If you wish to control the Visitor Chat Messenger window appearance when using this code or constantly update the chat button image, please contact us in our support chat or via email for assistance.

 

Hidden Code for Visitor Monitoring - use this code if you would like to monitor your website visitors and proactively invite them to chat, but don't want the chat button to appear on your pages.

 

Chat Button Code for Facebook Pages - code for adding to Facebook fan pages. Instruction about adding the code to Facebook page is provided on the code page. Additionally, if you would like to get a like before opening the tab with the chat button, you can enable fan gate in Edit Settings for the respective tab / Enable Fangate

 

Chat Button Code for Flash Websites - this piece of code is used for integration with flash websites. It has the following limitations:

 

ability for the chat button to change its status between online and offline

ability to redirect your visitors or hide the chat button when offline (will only open Leave a Message Form)

Real-Time Visitors Monitoring – to take advantage of this feature you'd need to additionally install the Hidden Code for Visitor Monitoring into your HTML website source

ability to control your chat messenger's window size directly from the account Control Panel. You will need to change the "width" and "height" parameters in the code below.

Chat Button Code for Flash Websites

Chat Button Code for Flash Websites