Live Chat Channel Integration

With the Live Chat module, you can easily make instant conversations with your customers on the Desk360 platform and increase customer satisfaction.

For integration, navigate to Product and Channels > Product selection > Edit Channel > Live Chat and follow the instructions on the page.

To add a live chat widget to any web page, all you need to do is copy the code below and paste it under the <body> tag.

How to integrate?

<script type="text/javascript">
    function initDesk360Chat() {
        window.desk360Chat.init({
            token: "7NLa8CcdPo6DcEerAISOcnzlAtotVSXVqrKPhA7ePPOa5h36yhSpHfn5ORbQ3bseEiPQjYB2dNlmSaLg",
            host: "https://teknasyon.desk360.com/"
        });
    }

    function initialize(t,i){var e,a=btoa((new Date).toDateString()).toLowerCase();t.getElementById(i)?initDesk360Chat():((e=t.createElement("script")).id=i,e.async=!0,e.src="https://teknasyon.desk360.com/widgets/chat/sdk.js?".concat(a),e.onload=initDesk360Chat,t.head.appendChild(e))}function initiateCall(){initialize(document,"desk360chat-js-sdk")}window.addEventListener?window.addEventListener("load",initiateCall,!1):window.attachEvent("load",initiateCall,!1);
</script>

Auto Login

By using the sample code below, you can let users who have sent you a message before, automatically start a new conversation without filling out the login info form. 

function initDesk360Chat() {
        window.desk360Chat.init({
            token: "gbAKbBGp0pRcT1OF9SGH8MDDzXnMDjuc6gfsV6kXTN0EsDcfBBJvxqAR2b5OaPwtpyFBRyH1YvIMC8Gs",
            host: "https://desk360-backend.desk360.com/",
            user: {
               name: "John Doe",
               email: "johndoe@company.com"
            }
        });
    }

Configured Language

By using the sample code below, you can decide in which language you want your web widget to be initialized. In the below code the key locale is used to set the language when the widget is initalized. You can see the list of all supported languages and their keys in the table below.

function initDesk360Chat() {
        window.desk360Chat.init({
            token: "gbAKbBGp0pRcT1OF9SGH8MDDzXnMDjuc6gfsV6kXTN0EsDcfBBJvxqAR2b5OaPwtpyFBRyH1YvIMC8Gs",
            host: "https://desk360-backend.desk360.com/",
            locale: "en"
        });
    }

Desk360 Chat Javascript API

You can decide on which page you want to trigger or hide your live chat widget by using the codes below.

For hiding the widget: window.desk360Chat.hide()

For showing the widget: window.desk360Chat.show()

For triggering the widget: window.desk360Chat.open()

For minimizing the widget: window.desk360Chat.close()

You can use the sample event code below on your single-page app-based websites. You can ensure that your customers who switch the language of your website see the live chat popup in the language they selected. Select the language you want your live chat widget to be displayed in, then copy the code from the table below and paste it into the corresponding locale field. window.desk360Chat.reload({locale: tr|en})

How to customize?

After integrating the live chat widget into your website, click the Customize button on the home page to start customizing your newly integrated widget. Widget customization allows you to determine the color scheme of the module, change how it looks, enter custom texts, and create timed messages to encourage your visitors to get in touch with you.

There are 5 options available when you start customizing your live chat widget.

1. General Settings

On the General Settings tab, you can decide on the design and the color scheme of your widget and the texts you want to display on the home page.

With the Enable Triggered Messages option, you can create automatic question and answer messages of which you can determine the duration. After clicking the option, you can create trigger messages by following the steps below:

  • Enter the message you want site visitors to see in the Triggered Message box and the corresponding reply to this message in the Auto Reply box.

  • Set how many seconds visitors will see the automatic messages after visiting your site in the Duration section. The specified time for displaying the messages cannot be more than 60 seconds.

  • You can use the Add New button to add more than one automatic message. You can create up to 5 automatic messages.

2. Offline Settings

In this section, you decide how you want to greet your customers in the absence of an online customer representative to answer live chat messages sent to your brand. Since all customer representatives will be offline, you welcome your site visitors with a form and request them to fill in the name, email, and message fields, and let them reach you via email.

You can enter text in this field that you want to appear in the profile section, or you can continue to use the text provided by Desk360.

3. Online Settings

In this section, you decide how you want to meet your customers when there are online customer representatives who will answer live chat messages sent to your brand. Since your customer representatives will be online, they can instantly reply to all messages that your site visitors write to you on the Live Support page and provide them with live support.

In the Header field, you can enter text that you want to be displayed in the profile section, or you can continue to use the text provided by Desk360. You can also decide on whether you’d like to show the profile photos of your online customer representatives here.

4. Chat Page

In this section, you can edit the chat bubbles, specify colors and texts, and make all the customizations you want to the form field.

By enabling the Add Files button, your website visitors will be able to send you the files in almost every format. Click here to see these formats.

By enabling the Send Transcript button, website visitors will be able to get transcriptions of their chat history with the customer representatives.

5. Survey

With the Survey page, you can measure whether your site visitors are satisfied with the support service they receive.

You can edit all the texts you want to appear on the screen from this section, or if you wish, you can use Desk360 texts with professional translations in 40 languages.

PreviousWhatsApp Web WidgetNextFacebook Channel Integration

Last updated