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 button script loads two parts - dynamic which is less than 1 Kb and static - about 7,5 Kb. This way the script does not slow down website performance and does not generate any errors in SEO tools. It also does not consume much traffic since it loads only 1 Kb of dynamic sript while static part is loaded only once.

 

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 do the following:

 

Adding several chat buttons or links

Adding several chat buttons or links

 

1.Insert the chat button code to your website

2.Replace "replace this text with your own chat link" text with your custom chat link text or chat image

3.Copy the code shown on a screenshot above. This code is available for all codes which contain Javascript. Please note! The ID after PS in onclick function should be the same as in the chat button code added to your website. In the code on a screenshot the following piece of code pskHwYow() contains the ID "kHwY". If IDs in this code and in the main chat button code are different, the link you place to your website will not work.

 

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

Supports offline chat button (text chat link) behavior (redirection and hiding)

Fully Featured Chat Button Code with Uploadable Online / Offline Images

Yes

No

No

Yes

No

Yes

Graphics Chat Button Code with Different Images on Different Site Pages

No

Yes

No

Yes

No

Yes

Text Chat Link Code

No

No

Yes, supports basic HTML formatting

Yes

No

Yes

Passing Information from Your Website Scripting to Operators

Yes

No

No

Yes

Yes

Yes

Chat Button or Link for Emails

Yes, if HTML format chosen

No

Yes, if text format chosen

No

No

No

No-Script Chat Button Code

Yes

No

No

No

No

No

Hidden Code for Visitor Monitoring

No

No

No

Yes

No

No

Chat Button Code for Wix Websites

Yes

No

No

Yes

No

Yes

Direct Link to Your Chat Window / QR Code

No

No

Yes, if integrated into HTML code

No

No

No

Pure JavaScript Chat Button Code

Yes

No

No

Yes

No

Yes

Standard chat button codes features

 

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 Wix Websites - this code allows adding your live chat button to Wix website. This code supports all features including real time monitoring, chat invitations and offline behavior settings. Please check detailed instructions for integration with Wix website here.

 

Direct Link to Your Chat Window / QR Code - this link can be used if you would like to integrate chat with a mobile app or software. This is a simple link which opens chat window in a separate browser tab or window.

 

Direct Chat Window Link

Direct Chat Window Link

 

QR Code - you can provide your customers the QR code for your chat link so that they could contact you by scanning the code. You can add the code to your printed marketing materials and business cards. You can also add your company logo to the QR code.

 

QR Code for live chat link

QR Code for live chat link

 

1.To upload your company logo, save it on your computer, click "Choose file" button and select your logo file

2.To download the image with your QR code, click "Download QR code image" button. The image will be downloaded in .png format

 

Pure JavaScript Chat Button Code - this code was created for integration with CMS and tag management systems which restrict custom HTML code. This code is fully functional, supports monitoring and proactive chat invitations. Please note! It can be used only if  Modern Chat Window type is enabled.