# How to Connect Client to Live Chat Channel

{% hint style="info" %}
Ensure your live chat has the latest version. You can contact Support InMotion for further information.
{% endhint %}

Firstly, turn on the channel, and wait for around 10-15 seconds to let the channel completely startup.

![Live Chat](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FY63bc4lAs5XHiMQ7XsmP%2FChannel%20connector%20live%20chat%20activate%20edit.png?alt=media\&token=91e1f2a5-915c-4c9d-b03e-65dbdd91e336)

Properties explanation:

**URL**

As host for live chat channel setting connection. The URL can be copied and pasted from here.

![URL](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FzzImfTdPlWgSnP62wMgS%2Flive%20chat%20channel%20url%20copy%20edit.jpg?alt=media\&token=f1e991b7-37af-4042-ad68-699ed8353cee)

**Client ID**

Refer to Channel Key can be copied and pasted from here whenever needed for reference. 

![Client ID](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FrB9rHmcAq8CXCLi8yuGm%2Fchanel%20key%20live%20chat%20button%20edit.png?alt=media\&token=1aa1c242-42d7-4909-b01a-0793b37cc5a7)

**Client Secret**

Refer to Channel Secret can be copied and pasted from here whenever needed for reference. 

![Client Secret](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FQd9XNvufFhuJ6o9VY8wc%2Fchanel%20secret%20live%20chat%20button%20edit.png?alt=media\&token=4979b307-6b11-4f96-a01c-120c773d5df6)

Now let’s test the configuration if it can connect successfully to the channel. Open the **index-debug-standard.html** file in the browser (in this example we use Chrome). It should come out something like this.

![Index HTML](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT4Vm73lLEm37Dv8p1X%2FWebchat.png?alt=media\&token=aea41cba-2f19-40cb-9abc-9c2fa056d974)

There is an icon in the bottom right corner. Before we click on that, please open Developer Tools from your respective browser and navigate to the Network section. In Chrome it should appear something like this.

![Inspect Network](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT4XGD4LGiQaqwxOTsy%2FNetwork.png?alt=media\&token=3d121860-4ac4-40da-9bab-f56c7fd45047)

Now click the icon. There should appear network activities for requesting access token from the channel. Click on the activity and see what the response code is. If the status code is 200 then the connection should be successful. Otherwise, please double-check the setup and ensure the channel has been activated.

![Network Activities](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT4_JKFK6YptSH8ygFx%2FHeaders%20Index%20HTML.png?alt=media\&token=3e0153bb-8327-4da9-a753-1d9935ed90af)