Difference between revisions of "How to add a chatbot to your website/ru"

From QuData
Jump to navigation Jump to search
 
(20 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
[[Category:ru]]
 +
 +
{|style="float:right; margin-left:0.8em; clear:right;"
 +
|+[[Main_Page/ru|В начало]]
 +
|
 +
'''Lang:'''
 +
|
 +
[[How to add a chatbot to your website|en]]
 +
|}
 +
 +
<!--
 +
;Youtube:[https://www.youtube.com/watch?v=VPfBYaJJ7jM How to add a chatbot to your website in 1 minute]
 +
-->
 +
----
 
== Установка чат-бота на собственный сайт ==
 
== Установка чат-бота на собственный сайт ==
 
Для начала нам потребуется выбрать свой чат-бот.
 
Для начала нам потребуется выбрать свой чат-бот.
Для этого перейдите на главную страницу конструктора https://console.qudata.com/dashboard/bots и выберите желаемый чат-бот, нажав прямо на него.
 
  
 +
Для этого перейдите в консоль разработки ботов https://console.qudata.com/dashboard/bots и выберите желаемый чат-бот, нажав прямо на него.
 +
 +
[[File:1.png|700px]]
 +
 +
Вы попадаете в раздел редактирования чат-бота.
 +
 +
Первым делом чат-бот нужно активировать. Для этого перейдите в раздел консоли '''General settings'''.
 +
 +
[[File:Instruction 1.png|700px]]
 +
 +
В пункте '''Bot status''' выберите из перечня статус '''Published''' и сохраните изменения.
 +
 +
[[File:Instruction2.png|700px]]
 +
 +
[[File:Instruction3.png|700px]]
 +
 +
После этого нажмите в боковой левой навигационной панели '''Integrations''' и выберите вид канала '''WebChat'''.
  
 +
[[File:2.png|700px]]
  
Вы попадаете в раздел редактирования чат-бота. Нажмите в боковой левой навигационной панели '''Channels''' и выберите вид канала '''WebChat'''.
+
В панели настройки данного канала, введите ссылку на ваш сайт в поле шага 1.
  
В панели настройки данного канала, введите ссылку на ваш сайт в поле шага 1. Нажмите '''Save changes'''.
+
[[File:3.png|700px]]
  
 
Затем, в шаге 2, нажмите на кнопку '''Copy'''.
 
Затем, в шаге 2, нажмите на кнопку '''Copy'''.
  
 +
[[File:4.png|700px]]
  
Откройте свою веб-страницу и получите доступ к HTML. Прокрутите вниз и вставьте скопированный текст перед в самом конце тега '''</body>'''.
+
Откройте свою веб-страницу и получите доступ к HTML. Прокрутите вниз и вставьте скопированный текст в самом конце тега '''</body>'''.
  
 +
[[File:5.png|700px]]
  
 
Вернитесь на страницу настройки и переключите ползунок в активное состояние.
 
Вернитесь на страницу настройки и переключите ползунок в активное состояние.
  
 +
[[File:6.png|700px]]
  
 
Перезагрузите страницу вашего сайта. Бот появится в виде кнопки в правом нижнем углу.
 
Перезагрузите страницу вашего сайта. Бот появится в виде кнопки в правом нижнем углу.
 +
 +
[[File:7.png|700px]]
  
 
Поздравляем, бот успешно интегрирован в WEB канал. Теперь чат-бот доступен на вашем персональном сайте компании.
 
Поздравляем, бот успешно интегрирован в WEB канал. Теперь чат-бот доступен на вашем персональном сайте компании.
 +
 +
[[Category:Integrations]]

Latest revision as of 08:04, 23 October 2023


В начало

Lang:

en


Установка чат-бота на собственный сайт

Для начала нам потребуется выбрать свой чат-бот.

Для этого перейдите в консоль разработки ботов https://console.qudata.com/dashboard/bots и выберите желаемый чат-бот, нажав прямо на него.

1.png

Вы попадаете в раздел редактирования чат-бота.

Первым делом чат-бот нужно активировать. Для этого перейдите в раздел консоли General settings.

Instruction 1.png

В пункте Bot status выберите из перечня статус Published и сохраните изменения.

Instruction2.png

Instruction3.png

После этого нажмите в боковой левой навигационной панели Integrations и выберите вид канала WebChat.

2.png

В панели настройки данного канала, введите ссылку на ваш сайт в поле шага 1.

3.png

Затем, в шаге 2, нажмите на кнопку Copy.

4.png

Откройте свою веб-страницу и получите доступ к HTML. Прокрутите вниз и вставьте скопированный текст в самом конце тега </body>.

5.png

Вернитесь на страницу настройки и переключите ползунок в активное состояние.

6.png

Перезагрузите страницу вашего сайта. Бот появится в виде кнопки в правом нижнем углу.

7.png

Поздравляем, бот успешно интегрирован в WEB канал. Теперь чат-бот доступен на вашем персональном сайте компании.