Difference between revisions of "Qubot LiveChat Integration"
(Tkachenko moved page Qubot LiveChat Integration to Qubot LiveChat Integration RU: localization) Tag: New redirect |
(Removed redirect to Qubot LiveChat Integration RU) Tag: Removed redirect |
||
| Line 1: | Line 1: | ||
| − | + | [[Category:Qubot]] | |
| + | [[Category:Integrations|L]] | ||
| + | <span id="qubot-viber-integration"></span> | ||
| + | {{TOCright}} | ||
| + | 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 [https://developers.livechat.com/console LiveChat Developers Console], go to '''My Profile''' and copy the '''Organization ID'''. | ||
| + | |||
| + | [[File:21.png|350px]] | ||
| + | [[File:22.png|350px]] | ||
| + | |||
| + | Paste it into the input field in '''Step 2''' of integration settings. | ||
| + | |||
| + | [[File:23.png|700px]] | ||
| + | |||
| + | ==Step 3== | ||
| + | Go to '''My Apps''' and create a new app. | ||
| + | |||
| + | [[File:24.png|350px]] | ||
| + | [[File:25.png|350px]] | ||
| + | [[File:26.png|350px]] | ||
| + | |||
| + | ==Step 4== | ||
| + | Move to '''Building Blocks''' section. | ||
| + | |||
| + | [[File:27.png|350px]] | ||
| + | [[File:28.png|350px]] | ||
| + | |||
| + | In the '''App Authorization''' block, click the '''Get started''' button. | ||
| + | |||
| + | [[File:29.png|350px]] | ||
| + | |||
| + | In the '''Creating the OAuth2.1 Client''' window, select the '''Server-side app''' option, and click the '''Continue''' button. | ||
| + | |||
| + | [[File:30.png|350px]] | ||
| + | |||
| + | 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'''. | ||
| + | |||
| + | [[File:31.png|350px]] | ||
| + | |||
| + | Copy it into the input field. | ||
| + | |||
| + | [[File:32.png|700px]] | ||
| + | |||
| + | In the '''App Authorization''' configuration, find the '''Client Secret'''. | ||
| + | |||
| + | [[File:33.png|350px]] | ||
| + | |||
| + | Copy it into the input field. | ||
| + | |||
| + | [[File:34.png|700px]] | ||
| + | |||
| + | 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: | ||
| + | |||
| + | <syntaxhighlight lang="html"> | ||
| + | https://localhost | ||
| + | https://accounts.livechat.com | ||
| + | https://www.livechat.com | ||
| + | https://beta.console.qudata.com | ||
| + | </syntaxhighlight> | ||
| + | |||
| + | [[File:35.png|350px]] | ||
| + | [[File:36.png|350px]] | ||
| + | |||
| + | Go to the '''App scopes and API access''' section and '''Select All''' access scopes | ||
| + | |||
| + | [[File:37.png|350px]] | ||
| + | [[File:38.png|350px]] | ||
| + | [[File:39.png|350px]] | ||
| + | |||
| + | 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. | ||
| + | |||
| + | [[File:40.png|350px]] | ||
| + | |||
| + | 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'''. | ||
| + | |||
| + | [[File:41.png|350px]] | ||
| + | |||
| + | ==Step 6== | ||
| + | In your app, navigate to the '''Building Blocks''' section, find the '''Chat Webhooks''' block and click the '''Get started''' button. | ||
| + | |||
| + | [[File:42.png|350px]] | ||
| + | |||
| + | Copy the '''Webhook URL''' provided below and enter it in the appropriate field in the '''Chat Webhooks''' configuration. | ||
| + | |||
| + | <syntaxhighlight lang="html"> | ||
| + | https://services.qudata.com/bot/extensions/livechat/api/v1/webhook/ | ||
| + | </syntaxhighlight> | ||
| + | |||
| + | [[File:43.png|350px]] | ||
| + | |||
| + | Provide us with a '''Secret Key'''. Click the '''Generate''' button. | ||
| + | |||
| + | [[File:44.png|350px]] | ||
| + | [[File:45.png|350px]] | ||
| + | |||
| + | Copy the Secret Key into the input field. | ||
| + | |||
| + | [[File:46.png|700px]] | ||
| + | |||
| + | In the '''Webhook triggers''' section, select the '''incoming_event'''. For this event, select the options: '''author type''', '''agent''' | ||
| + | |||
| + | [[File:47.png|350px]] | ||
| + | [[File:48.png|350px]] | ||
| + | |||
| + | Click the '''Save changes''' button. | ||
Latest revision as of 14:25, 27 June 2022
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.
Paste it into the input field in Step 2 of integration settings.
Step 3
Go to My Apps and create a new app.
Step 4
Move to Building Blocks section.
In the App Authorization block, click the Get started button.
In the Creating the OAuth2.1 Client window, select the Server-side app option, and click the Continue button.
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.
Copy it into the input field.
In the App Authorization configuration, find the Client Secret.
Copy it into the input field.
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
Go to the App scopes and API access section and Select All access scopes
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.
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.
Step 6
In your app, navigate to the Building Blocks section, find the Chat Webhooks block and click the Get started button.
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/
Provide us with a Secret Key. Click the Generate button.
Copy the Secret Key into the input field.
In the Webhook triggers section, select the incoming_event. For this event, select the options: author type, agent
Click the Save changes button.
