Modern Chat Window Editing

<< Click to Display Table of Contents >>

  System Setup and Customization > Control Panel > Account customization > Visual customization >

Modern Chat Window Editing

Modern Chat Window

 

Chat messenger is now available is a new design. It loads in an embedded window in the position where the chat button is added. It significantly differs from the classic pop up chat messenger which is currently used. Thus some of the features such as operator greeting message, company logo which are available in classic chat messenger will not be available in a modern embedded chat messenger. By default new chat messenger has been enabled in all new accounts since October 1, 2018 .

 

How to enable modern chat messenger

 

To enable Modern Chat Window, please follow the instruction:

 

How to enable new chat messenger design

How to enable new chat messenger design

 

1.In your account Control Panel follow Account Settings / Visitor Live Chat Messenger Mode page and choose "Use modern chat messenger" option

2.If you would like to test our new chat messenger internally, you can list IP addresses which the chat messenger will be visible from in the "Limit modern chat messenger visibility for testing purposes" field. Please note! You should enter one IP per line. If you leave this field empty, all your website visitors will be able to see new chat messenger design right after you click "Save" button.

3.Save your changes by clicking "Save" button.

 

How to customize modern chat messenger

 

Once after you have enabled the Modern Chat Messenger Mode, you'd need to customize its look and feel. The following steps will explain you how to do this:

 

1.Follow Account Settings / Visitor Live Chat Messenger page
 

New Chat Messenger Settings

New Chat Messenger Settings

 

2.Choose there your chat messenger theme. There are a couple of designs available in our gallery. You can also pick the color for the theme you like.

 

 

Chat messenger theme preview

Chat messenger theme preview

3.Define the size of your chat messenger screen. You can leave the default one 400x570px

 

Chat messenger window size

Chat messenger window size

 

4.Define your live chat button position on your browser window. The standard position is the bottom right corner (20px from right, 20px from bottom). However, you can change it if necessary. Please note! The chat messenger will load at the position where your live chat button is added. In case you would like to have a chat button and several chat links added to your website page, contact our support chat for solution.

 

Chat button position settings

Chat button position settings

 

5.Define the way your chat messenger opens - embedded into the page or in a pop up window. For Embedded Chat Messenger you can define custom online and offline titles:

 

Window titles for embedded chat messenger

Window titles for embedded chat messenger

If you leave "Use custom online chat title" and "Use custom offline chat title" fields blank, the following default field titles will be displayed:

"Online Chat" - for online chat window state

"Leave a Message" - for offline chat window state

 

If you decide to display your chat messenger in a pop up window, you can define only one custom chat window title - both for online and offline states. This title will be displayed in a browser title bar:

 

Custom window title for pop up chat messenger

Custom window title for pop up chat messenger

 

If you leave "Use custom chat window title" field blank, the following text will be displayed as your chat messenger window title - "Customer Support Messenger"

 

6.Check the chat messenger functionality under "Chat messenger functions" and uncheck the options you would like to hide in your chat messenger.

 

Chat messenger functionality

Chat messenger functionality

 

7.If you are ready to save changes, click "Save" button

 

In our gallery we offer a rich set of modern looking live chat icons, you are welcome to choose the best set of images from it or upload your own one on the Account Settings / Images page.

 

Chat Window toolbar

 

Chat window toolbar options can be enabled / disabled on the Account Settings / Visitor Chat Messenger page. You can hide unnecessary icons in the Chat messenger functions sections. On the following sceenshot you can see chat window toolbar functions:

 

Chat window toolbar

Chat window toolbar

 

Chat Window size

 

Chat window size can be configured  in Chat messenger size section. Minimum size is 320х320 px. If you want to display your chat messenger in a separate window, you'd need to enable "In a pop up window" in "Open chat messenger" section.

 

Chat Window position

 

Chat window position is tied to the chat button position. The chat messenger will load in the location where you added the chat button. If you need to add several chat buttons or chat links, please contact our support chat and we will provide you a solution.