How to integrate FocalScope's Live Chat into your website
Monday, December 5, 2016 8:16 AM

FocalScope's Live Chat module is a total-package chat system designed to help you communicate with customers directly from your website. This article details how to configure FocalScope's Live Chat as well as how to embed a Live Chat button into your website.

Prerequisites

Tutorial

Generating the Live Chat code

FocalScope can automatically generate the Live Chat HTML code and URL for direct insertion into your web page. To generate this code, do the following:

  1. In the [Main menu], select [Screen > Administration]
  2. Click the [Administration] tab
  3. Navigate to the [Instant messaging > Live Chat] folder
  4. In the right hand pane are the various Live Chat settings. Under the [Live Chat link] section, do the following:
    1. In the [Chat with] field, select which Live Chat group will receive chat requests generated from this chat link
    2. Disable / enable user registration by ticking / unticking the [Skip registration] flag. Please note: Allowing users to skip the registration process means that no information will be gathered from them, and they will appear as anonymous to your Live Chat team
    3. Select the [Link type] that you prefer to use for your site. Please note: To allow Live Chat users on your website to resume chat sessions whenever they refresh the active page, you must use the [inline chat popup] option. Upon reloading the page, the chat window will be minimized, but will still maintain the Live Chat session with the Live Chat agent
      1. If you choose the [inline chat popup] . Click the [Configure] button and specify
        1. The [Title]
        2. The [Width] (of the chat console)
        3. The [Height] (of the chat console)
      2. Click [Apply] ....
  5. In the [Chat link] box will be the Live Chat HTML code and URL, click the [Copy] button to copy the code to the system clipboard




Figure 1 - Generating the Live Chat code

Embedding the Live Chat code into your website

You can now embed the FocalScope Live Chat code into the HTML source code of your website. You will also need an image to represent the Live Chat button. (If you are using the Inline Chat Console, no image is necessary.)





Figure 2 - Embedding the Live Chat code


Active Live Chat button:




Figure 3 - An active FocalScope Live Chat button

Active Live Chat session:




Figure 4 - Customer's view of the Live Chat window

Additional Information