Qubot LiveChat Integration

From QuData
Jump to navigation Jump to search

Integrating LiveChat with a bot allows you to add live communication with the agents, so your customer service improves significantly. The following integration requires you to have a LiveChat account.

Step 1

Log in to https://www.livechat.com

If you don’t have a LiveChat account, sign up at https://accounts.livechat.com/signup

Step 2

In the LiveChat Developers Console, go to My Profile and copy the Organization ID.

21.png 22.png

Paste it into the input field in Step 2 of integration settings.

23.png

Step 3

Go to My Apps and create a new app.

24.png 25.png 26.png

Step 4

Move to Building Blocks section.

27.png 28.png

In the App Authorization block, click the Get started button.

29.png

In the Creating the OAuth2.1 Client window, select the Server-side app option, and click the Continue button.

30.png

Then you will be sent to the App Authorization settings. Please, do not leave that page until you’ve finished Step 5 of this instruction.

Step 5

In the App Authorization configuration, find the Client Id.

31.png

Copy it into the input field.

32.png

In the App Authorization configuration, find the Client Secret.

33.png

Copy it into the input field.

34.png

You cannot recover the original Client Secret, so store it in a secure location. Be careful, you won't be able to see the Client Secret after the page reloads. In this case, you will have to generate and provide us a new secret (it will reset the old one).

Go to the Redirect URI whitelist section and Add the following URLs to the list:

https://localhost
https://accounts.livechat.com
https://www.livechat.com
https://beta.console.qudata.com

35.png 36.png

Go to the App scopes and API access section and Select All access scopes

37.png 38.png 39.png

Click the Save changes button in the App scopes and API access section.

On the top of the App Authorization page, click the Save changes button to become ready to deploy.

40.png

Allow access to your App. Click the Allow Access button to start the quick automated process. Please note that during the process you may be asked to log in to the Live Chat.

41.png

Step 6

In your app, navigate to the Building Blocks section, find the Chat Webhooks block and click the Get started button.

42.png

Copy the Webhook URL provided below and enter it in the appropriate field in the Chat Webhooks configuration.

https://services.qudata.com/bot/extensions/livechat/api/v1/webhook/

43.png

Provide us with a Secret Key. Click the Generate button.

44.png 45.png

Copy the Secret Key into the input field.

46.png

In the Webhook triggers section, select the incoming_event. For this event, select the options: author type, agent

47.png 48.png

Click the Save changes button.