This demo shows you how to use JavaScript API MyLiveChat_SetUserName method to pass the user key to agent console. Current user key is: hello@world.com. If you have specified "Custom User Profile URL" in the "Integration Settings" page, so chat can open the user profile page of your site based on this user key.

Click chat button to test the following code:

Chat Widget

A Chat Widget appears as an Image Chat button and it floats in a specified position. A Chat Widget will re-position itself when visitors scroll up and down your web page. It allows you to monitor website visitors and initiate proactive chats.

Demo

Chat Button

A Chat Button is suitable for most websites. It appears as a graphic button with online or offline images. It allows you to monitor website visitors and initiate proactive chats.

Demo

Embedded Chat

A chat session happens on the same webpage instead of a separate browser window. The Embedded Chat Window floats on the page, never getting blocked by popup blockers. It scrolls up and down the page with the page.

Demo

Chat Text Link

A Chat Text Link shows as a text link on your web pages. Your website visitors can click the text link to initiate a chat with you. It allows you to monitor website visitors and initiate proactive chats.

Demo

Chat Box

Chat Box appears as a chat area embedded on your website where visitors request a chat by entering a question. It allows you to monitor website visitors and initiate proactive chats.

Demo

Monitor Only

Monitor tag allows you to monitor your website visitors and proactively invite them to chat, but don't want the customer support button to appear on your pages.

Demo

Setting Chat Data

MyLiveChat allows you to gather additional information available from the web page and pass them into chat server. Normally, you'll need to work with your web developers to use ASP, ASP.NET, JSP, PHP, JavaScript, etc to populate the value of these fields differently for each visitor on your Web site.

Demo

Department List Demo

This demo shows you how to use monitor tag and render department list directly.

Demo

Agent List Demo

This demo shows you how to use monitor tag and render chat agent list directly.

Demo

Setting User Key Demo

This demo shows you how to use JavaScript API MyLiveChat_SetUserName method to pass the user key to agent console. Current user key is: hello@world.com. If you have specified "Custom User Profile URL" in the "Integration Settings" page, so chat can open the user profile page of your site based on this user key.

Demo

Setting Product Key Demo

This demo shows you how to use JavaScript API MyLiveChat_SetProductName method to pass the product key to agent console. Current product key is: R439. If you have specified "Custom User Profile URL" in the "Integration Settings" page, so chat can open the user profile page of your site based on this user key.

Demo