Livechat Step by Step Walk Through

8/6/2019 Livechat Step by Step Walk Through

1/11

Open Source & Free Hosted Customer Service Software

Copyright 2010 Comm100. All Rights Reserved.

Comm100 Live Chat

Step by Step Walkthrough


2/11


3/11


Copyright 2010 Comm100. All Rights Reserved. 2

Step 2. Logging in

InLoginpage, enter your site Id, email and password in the appropriate fields to log into your Comm100

account. A sample Login page is shown in Figure 2-1.

Figure 2-1 Login

Now you are at Live Chat portal as shown in Figure 2-2.

Figure 2-2 Live Chat Portal

Note: Comm100 is adding new applications. After you choose different applications from Feature Center, the

look of this page may be different from this screen shot. Please click here for details.
http://hosted.comm100.com/http://hosted.comm100.com/http://hosted.comm100.com/http://hosted.comm100.com/KnowledgeBase/Main/Article.aspx?siteId=10000&Id=205http://hosted.comm100.com/KnowledgeBase/Main/Article.aspx?siteId=10000&Id=205http://hosted.comm100.com/


4/11



Step 3. Create a New Code Plan

A Code Plan is a set of configurations that defines your window styles and chat processes. The configurable

items include Chat Button, Chat Window, Invitation Window, Pre-Chat Window, Offline Message

Window and Language. Click on Code Plans in Live Chat portal to bring up the Code Plans page as shown

in Figure 3-1.

You can create your own plan according to your needs or use the default code plan.

Figure 3-1 Code Plans

To create a new plan, please clickNew Plan and then fill in the general settings as shown in Figure 3-2.

Figure 3-2 New Code Plan - General Setting

ClickNext to customize the detail settings as shown in Figure 3-3.


5/11



Figure 3-3 New Code Plan - Detail Settings

ClickFinish to save the settings and you will be guided to the Get Code page directly.

Note:1. Comm100 Live Chat provides four types of chat buttons as shown in Figure 3-3. If you want to use

another type of the chat button, please create a new code plan then you can select another button type for it

since the button type cannot be changed once it is created.

2. Please click here to learn more about how to customize the code plans.

Step 4. Getting code

You need to copy the code of the plan and then paste the code into your web pages. After you finish necessary

customizations, clickFinish to come to the Get Code page as show in Figure 3-2.

If you are in the Code Plans page, please select a plan then click on the icon to get code.

Note: If you want to do a test before pasting the code onto your web pages, please clickPreview.

Copy the code with JavaScript (the upper one) if it is used on web pages.
http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=532http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=532


6/11



Figure 3-2 Get Code

Note: Please click here to learn the differences between the code with JS and without JS.

Step 5. Pasting the Code onto Your Website

Open your web page with Notepad then paste the copied code into the source code of your web page as shown

in Figure 4-1.

Figure 4-1 Pasting Code

Open the web page with the code you have just pasted and a chat button appears. The status of the chat button

will be Offline if you have not logged into your Visitor Monitor. Pleaselog into Visitor Monitorto make itshow online.
http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=532http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=532


7/11



Note:

1. You need to paste the code onto all web pages you want to monitor without any changes. Any

modification might make your live chat not work properly.2. The process of pasting code depends on the website provider and website builder being used.

3. The code might be modified automatically by the website builder. Please contact us by email or live

chat if you come across such a problem. Click here for more examples and welcome to sharing your

experience with us.

Step 6. Log into Visitor Monitor

Click on Visitor Monitor in Live Chat portal to log into Visitor Monitor as shown in Figure 5-1.

Figure 5-1 Log into Visitor Monitor

Note: The status of the chat button will change to Online automatically after you log into Visitor

Monitor if you are using the code with JavaScript.
mailto:[email protected]://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=560http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=560mailto:[email protected]


8/11



Step 7. Chatting with Visitors

Visitors on your web pages (pasted with live chat code) are shown in the Visitor List of the Visitor Monitor

window as shown in Figure 5-2.

Select a visitor then you can view the information of this visitor, including: IP, Time Zone, City,

State/Province, Country, Browser, Operating System, Flash Version, Screen Resolution, Language, etc.

Visitors can click on the chat button to request a chat with you. After a visitor submits his request, the visitor's

status changes from In site to Waiting for chat.

Select this waiting-for-chat visitor and click on the button Accept to accept the request as shown in Figure

5-2.

Figure 5-2 Accept a Chat Request

A chat panel displays in the Visitor Monitor window once the chat session is initialized successfully. You

chat with your visitor in this chat panel as shown in Figure 5-3.


9/11



Figure 5-3 Chat Panel

Click on Ticket tab to manually attach this chat to a ticket as shown in Figure 5-4.

Figure 5-4 Attacked to a ticket

ClickStop in the chat panel to stop the chat if you want to end it as shown in Figure 5-5.


10/11



Figure 5-5 Stop a Chat

Step 8. Integrated with Comm100 Email Ticket

After integrating your live chat with Comm100 Email Ticket, your offline messages and chat transcripts can

be changed into new tickets or attached to existing tickets.

Click on Ticket Follow UP Settings in Live Chat portal to enable the options. A sample Ticket Follow UP

Settings page is shown in Figure 6-1.

Figure 6-1 Integrated with Email Ticket

Note: With the option Automatically create a ticket when an offline message is submitted is selected, theoffline messages will be received as tickets automatically (not be sent to your Site Email anymore).


11/11



ClickTickets from Email Ticket tab to manage your tickets. A sample Tickets page is shown in Figure 5-6.

Figure 5-6 Tickets

Note: You can go to your Email Ticket system to view and follow your tickets. Please click here to learn more

about Comm100 Email Ticket.

This is the major processes of getting start with Comm100 Live Chat. For more about Comm100 Live Chat,

please refer to:http://www.comm100.com/livechat/

Contact Us and Get Help

Comm100 is committed to continuously improving your experience with our products. If you have a technical

issue with our products that you need help resolving, you can either visit ourKnowledge Baseto get a quickanswer or post your feedback in our Forum atComm100 Live Chat support forum.

Thanks for reading!
http://www.comm100.com/emailticket/http://www.comm100.com/livechat/http://www.comm100.com/livechat/http://www.comm100.com/livechat/http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=1http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=1http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=1http://hosted.comm100.com/Forum/Comm100-Live-Chat-support-forum_f1.aspx?siteId=10000http://hosted.comm100.com/Forum/Comm100-Live-Chat-support-forum_f1.aspx?siteId=10000http://hosted.comm100.com/Forum/Comm100-Live-Chat-support-forum_f1.aspx?siteId=10000http://hosted.comm100.com/Forum/Comm100-Live-Chat-support-forum_f1.aspx?siteId=10000http://hosted.comm100.com/KnowledgeBase/Main/Category.aspx?SiteID=10000&ID=1http://www.comm100.com/livechat/http://www.comm100.com/emailticket/

Date post:	07-Apr-2018
Category:	Documents
Upload:	william-ho
View:	217 times
Download:	0 times

Livechat Step by Step Walk Through

Documents