Live Chat Integration

Add live chat to your site to start connecting with new leads and building better relationships with your customers.

How do I integrate?

1 Login to Desk360 and click "Product & Channels".
2 Add your product by going to the "Product & Channels" page and clicking "Create Product".
3 Go to the settings of the product you want to integrate and click "Edit Channel".
4 Then go to the "Live Chat Integration" tab.

Usage

Follow the steps below for widget integration.

1. Copy this code and paste it into the <HEAD> tag on the web page you would like to add widget to.

<link href="https://yourspacename.desk360.com/widget/app.css" rel="stylesheet" type="text/css"/>

xxxxxxxxxx
 
<link •href•=•"https://yourspacename.desk360.com/widget/app.css" rel•=•"stylesheet"•• type•=•"text/css"•/>

2. Copy this code and paste it at the bottom of the <BODY> tag on the web page you would like to add widget to.

<script src="https://yourspacename.desk360.com/widget/app.js" type="text/javascript"></script>

xxxxxxxxxx
 
<•script •src=•"https://yourspacename.desk360.com/widget/app.js" type=•"text/javascript"•></•script•>

3. Copy this code and paste it at the bottom of the <BODY> tag, above the script code in the previous step, on the web page you would like to add widget to.

<desk360-live-chat token="7NLa8CcdPo6DcEerAISOcnzlAtotVSXVqrKPhA7ePPOa5h36yhSpHfn5ORb" url="https://yourspacename.desk360.com"></desk360-live-chat>

xxxxxxxxxx
 
<desk360-live-chat token•=•"7NLa8CcdPo6DcEerAISOcnzlAtotVSXVqrKPhA7ePPOa5h36yhSpHfn5ORb" url•=•"https://yourspacename.desk360.com"•></desk360-live-chat>

4. Copy the sample code to see how it will look like when attached to the web page.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <metaname="viewport"content="width=device-width, initial-scale=1.0">
    <title>Desk360</title>
    <link href="https://yourspacename.desk360.com/widget/app.css" rel="stylesheet"type="text/css"/>
  </head>
  <body>
    ...
    <desk360-live-chat token="7NLa8CcdPo6DcEerAISOcnzlAtotVSXVqrKPhA7ePPOa5h36yhSpHfn5ORb" url="https://yourspacename.desk360.com">
    </desk360-live-chat>
    <script src="https://yourspacename.desk360.com/widget/app.js" type="text/javascript"></script>
  </body>
</html>

xxxxxxxxxx
 
<!DOCTYPE html>
<•html• lang=•"en"•>
  <•head•>
    <•meta •charset=•"UTF-8"•>
    <•meta•name=•"viewport"•content=•"width=device-width, initial-scale=1.0"•>
    <•title•>•Desk360•</•title•>
    <•link •href=•"https://yourspacename.desk360.com/widget/app.css" rel=•"stylesheet"•type=•"text/css"•/>
  </•head•>
  <•body•>
    ...
    <•desk360-live-chat token=•"7NLa8CcdPo6DcEerAISOcnzlAtotVSXVqrKPhA7ePPOa5h36yhSpHfn5ORb" url=•"https://yourspacename.desk360.com"•>
    </•desk360-live-chat•>
    <•script •src=•"https://yourspacename.desk360.com/widget/app.js" type=•"text/javascript"•></•script•>
  </•body•>
</•html•> 

To check in case of possible errors:

1. If Live Chat has been integrated as instructed but the widget button doesn’t work,

First, make sure that the token inside the tag is identical to the one created earlier and that there are no extra spaces.
Make sure that the URL inside the tag is correct.
Make sure that the script and the link are correct.

2. If Live Chat has been integrated as instructed but messages don’t appear on the panel,

Make sure that the URL inside the tag is correct.
Make sure that at least one of the agents who are assigned to live chat is online.

For further information, please with contact us support@desk360.com

Start Now