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
8/6/2019 Livechat Step by Step Walk Through
2/11
8/6/2019 Livechat Step by Step Walk Through
3/11
Open Source & Free Hosted Customer Service Software
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/8/6/2019 Livechat Step by Step Walk Through
4/11
Open Source & Free Hosted Customer Service Software
Copyright 2010 Comm100. All Rights Reserved. 3
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.
8/6/2019 Livechat Step by Step Walk Through
5/11
Open Source & Free Hosted Customer Service Software
Copyright 2010 Comm100. All Rights Reserved. 4
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=5328/6/2019 Livechat Step by Step Walk Through
6/11
Open Source & Free Hosted Customer Service Software
Copyright 2010 Comm100. All Rights Reserved. 5
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=5328/6/2019 Livechat Step by Step Walk Through
7/11
Open Source & Free Hosted Customer Service Software
Copyright 2010 Comm100. All Rights Reserved. 6
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/6/2019 Livechat Step by Step Walk Through
8/11
Open Source & Free Hosted Customer Service Software
Copyright 2010 Comm100. All Rights Reserved. 7
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.
8/6/2019 Livechat Step by Step Walk Through
9/11
Open Source & Free Hosted Customer Service Software
Copyright 2010 Comm100. All Rights Reserved. 8
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.
8/6/2019 Livechat Step by Step Walk Through
10/11
Open Source & Free Hosted Customer Service Software
Copyright 2010 Comm100. All Rights Reserved. 9
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).
8/6/2019 Livechat Step by Step Walk Through
11/11
Open Source & Free Hosted Customer Service Software
Copyright 2010 Comm100. All Rights Reserved. 10
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/