Skip to content

Quick Start

This guide will show how to start chatting with your website visitors in three simple steps.

Login

login.png

Figure 1.1 Login form.

To login into the control panel navigate your web browser to login page and enter your email address into field (1) and password into filed (2). Optionally you can select "Remember me on this computer" checkbox (3) to have your email address saved. Finally click Login button (4).

User Interface overview

interface-overview.png

Figure 1.2 Web Control Panel.
  1. Use this button to minimise or expand main navigation area.
  2. Click here to access Support.
  3. Here you can switch between Administration and Operator Dashboard mode.
  4. Click here to change your Profile settings or logout.
  5. Main navigation area.
  6. Contextual panel area. Here you can modify settings, create new operators or view chats history.
  7. In some panels top toolbar may have additional options such as filters or data export.

Get JavaScript tracking code

In order for Live Chat to show the icon and chat window for Visitors to connect with company Agents, it is necessary to add JavaScript tracking code to website HTML code.

setup-wizard-setp3.png

Figure 1.3 Setup Wizard - Step 3 - Tracking code.

JavaScript tracking code can be found in Step 3 of Setup Wizard. Alternatively you can follow steps below:

website-tracking-code.png

Figure 1.4 Website - Tracking code.
  1. Click Websites link in the main navigation.
  2. Click link in Name column or if you don't have any websites added yet, click ADD button in to right cornter.
  3. Click COPY TO CLIPBOARD button.

Add JavaScript tacking code to your website

You'll need access to your web pages HTML. If you are using CMS (such as WordPress etc.) this can be achieved by creating a custom block. If you are unable to do this yourself, ask your web developer to perform these steps. Copy and paste your entire 247LiveChat JavaScript tracking code just before closing </body> tag on each page of your website.

Test Live Chats session

live-chat-session.png

Figure 1.5 Test Live Chat session.
  1. Open your website and click Live Chat icon - be default located in bottom left corner.
  2. Enter "test visitor" name and email address.
  3. Click "START CHAT" button.
  4. In 247LiveChat Web Dashboard Live Chat window will popup. Type or select canned response and click "SEND".
  5. Congratulations, your first chat session has been just established.