PHP Live! Help Desk
» Help Desk Home » How-To and Helpful Info » Multiple chat icons on the same page
Multiple chat icons on the same page

If you are wanting to have multiple chat icons on the same page with each chat icon a different image, here is what you will want to do:


  1. Login to your PHP Live! system as the Setup Admin.
  2. After logging in, click the top menu "Departments".
  3. Create multiple Departments, as much as you need (Customer Support, Tech Support, Billing, etc).
  4. Click the top menu "Chat Icons" and upload the custom chat icons for each of the departments created.
  5. Click the top menu "HTML Code" and generate an HTML Code for each of the departments created.  This type of HTML Code is considered "Department Specific HTML Code" because the visitor is automatically routed to a specific department before starting a chat session.
  6. Copy the HTML Code for each of the departments and paste the codes on the webpage.
  7. Done!


Convenient method to reference the launching of the chat window using an existing HTML Code on the webpage.


Sometimes you may want to place various texts on the website that launches the chat window, without having to place many HTML Codes on the same page.  If you already have an existing chat icon HTML Code on your webpage, you can reference the JavaScript chat window launch function directly.  For instance, the HTML Code contains code similar to:


<span id="phplive_btn_1441730495" onclick="phplive_launch_chat_0(0)" style="color: #0000FF; text-decoration: underline; cursor: pointer; position: fixed; bottom: 0px; right: 0px; z-index: 1000;"></span>


Notice the onclick="phplive_launch_chat_0(0)" JavaScript event.  This is the function to launch the chat window.  Thus, if the chat icon HTML Code is present on the webpage already, take a look at the code to view the function it calls to launch the chat.  In this case, the function is phplive_launch_chat_0(0)


Using this function, you can have many live chat clickable links on your webpage simply by calling this function.  As an example:


<a href="JavaScript:void(0)" onclick="phplive_launch_chat_0(0)">click to chat with us</a>


This link will reference the existing chat launch function and open a live support chat window without having to place another entire HTML Code on your webpage.  You can simply reference the existing HTML Code JavaScript chat launch function.

Was this documentation helpful to you?
© OSI Codes Inc. All Rights Reserved  /  Privacy  /  License Agreement  /  Help Desk  /  Contact Us
phone: +1 917-338-7663 (M-F 10:00am-6:00pm EST)