QuData - User contributions [en]

User talk:Slavinsky

2022-10-12T13:57:26Z

Slavinsky: Created page with "# выбор языка в левой панели влияет только на интерфейс, все диалоги только на одном языке? # русс..."

# выбор языка в левой панели влияет только на интерфейс, все диалоги только на одном языке?
# русского нет и не будет (политическое решение)?
# как создать переменную? и обратится к ней? или только через слот?

Main Page/ru

2022-07-13T07:03:50Z

Slavinsky:

{|
|
'''Lang:'''
|
[[Main Page|en]]
|}
QuBot - это набор инструментов по созданию чат-ботов и виртуальных помощников.
----
;Первые шаги:
* Принципы дизайна бота
* [[Getting Started: Creating Your First Bot/ru|Начало работы: создание вашего первого бота]]
* [[Qubot_NLU/ru|Создание умных ботов (НЛП)]]

; Настройка и программирование:
* [[Qubot Customizing/ru]]
* [[Qubot Google Sheets Setup/ru|Подключение Google таблиц к боту]]
* [[Qubot Script/ru]]
* [[Qubot NLU/ru|Создание умных ботов (NLP)]]
;[[:Category:Integrations|Интеграция]]:
* [[How to add a chatbot to your website/ru|Установка чат-бота на собственный сайт]]
* [[How to integrate WordPress plugin to website/ru|WordPress plugin]]
* [[Qubot Facebook Integration/ru|Facebook ]]
* [[Qubot Telegram Integration/ru|Telegram ]]
* [[Qubot Viber Integration/ru |Viber ]]
* [[Qubot LiveChat Integration/ru|LiveChat]]
* [[Qubot Whatsapp Integration/ru|Whatsapp]]
----
* [[FAQ|Список часто задаваемых вопросов и ответов]]

[[Category:Qubot|*]]
[[Category:ru]]

FAQ/ru

2022-07-06T15:56:04Z

Slavinsky:

{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
|
[[FAQ|en]]
|}

[[File:IconOwl.gif|200px|thumb|right|чаво]]
Это список часто задаваемых вопросов и ответов, относящихся к работе ботов

* [[How to add a chatbot to your website/ru|Как добавить чат-бота на свой сайт]]
* [[How to integrate WordPress plugin to website/ru|Как интегрировать плагин WordPress на сайт]]

[[Category:Qubot]]
[[Category:ru]]

FAQ/ru

2022-07-06T15:53:27Z

Slavinsky:

[[File:IconOwl.gif|200px|thumb|right|чаво]]
Это список часто задаваемых вопросов и ответов, относящихся к работе ботов

* [[How to add a chatbot to your website/ru|Как добавить чат-бота на свой сайт]]
* [[How to integrate WordPress plugin to website/ru|Как интегрировать плагин WordPress на сайт]]

[[Category:Qubot]]
[[Category:ru]]

First Steps

2022-07-06T15:27:10Z

Slavinsky:

;First steps:
* [[Principles of bot design]]
* [[Getting Started: Creating Your First Bot]]
* [[Qubot NLU|Creation of smart bots (NLP)]]

[[Category:Qubot|@]]

Main Page

2022-07-06T15:26:32Z

Slavinsky:

QuBot is a set of tools for creating chatbots and virtual assistants.
----
;First steps:
* [[Principles of bot design]]
* [[Getting Started: Creating Your First Bot]]
* [[Qubot NLU|Creation of smart bots (NLP)]]
; Setup and programming:
* [[Qubot Customizing]]
* [[Qubot Google Sheets Setup]]
* [[Qubot Script]]
;[[:Category:Integrations|Integrations]]:
* [[Channels]]
* [[How to add a chatbot to your website]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration|Facebook ]]
* [[Qubot Telegram Integration|Telegram]]
* [[Qubot Viber Integration|Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration|Whatsapp]]
----
* [[FAQ]]

[[Category:Qubot|*]]

FAQ

2022-07-06T15:22:47Z

Slavinsky:

FAQ/ru

2022-07-06T15:21:05Z

Slavinsky: Created page with "чаво Это список часто задаваемых вопросов и ответов, относящихся к работе..."

[[File:IconOwl.gif|200px|thumb|right|чаво]]
Это список часто задаваемых вопросов и ответов, относящихся к работе ботов

* [[How to add a chatbot to your website|Как добавить чат-бота на свой сайт]]
* [[How to integrate WordPress plugin to website|Как интегрировать плагин WordPress на сайт]]

[[Category:Qubot]]
[[Category:ru]]

First Steps

2022-07-06T15:15:53Z

Slavinsky:

;First steps:
* [[Principles of bot design]]
* [[Getting Started: Creating Your First Bot]]

[[Category:Qubot|@]]

Messengers and Integrations

2022-07-06T15:15:11Z

Slavinsky:

* [[Channels]]
* [[How to add a chatbot to your website]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration|Facebook ]]
* [[Qubot Telegram Integration|Telegram]]
* [[Qubot Viber Integration|Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration|Whatsapp]]

[[Category:Qubot|@]]

Messengers and Integrations

2022-07-06T15:14:34Z

Slavinsky: Created page with "* Channels * How to add a chatbot to your website * WordPress plugin * Facebook * Qu..."

First Steps

2022-07-06T15:11:24Z

Slavinsky: Created page with ";First steps: * Principles of bot design * Getting Started: Creating Your First Bot Category:Qubot"

;First steps:
* [[Principles of bot design]]
* [[Getting Started: Creating Your First Bot]]

[[Category:Qubot]]

Main Page

2022-06-30T16:06:34Z

Slavinsky:

QuBot is a set of tools for creating chatbots and virtual assistants.
----
;First steps:
* [[Principles of bot design]]
* [[Getting Started: Creating Your First Bot_en|Getting Started: Creating Your First Bot]]
; Setup and programming:
* [[Qubot Customizing]]
* [[Qubot Google Sheets Setup]]
* [[Qubot Script]]
;[[:Category:Integrations|Integrations]]:
* [[Channels]]
* [[How to add a chatbot to your website]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration|Facebook ]]
* [[Qubot Telegram Integration|Telegram]]
* [[Qubot Viber Integration|Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration|Whatsapp]]
----
* [[FAQ]]

[[Category:Qubot|*]]

Main Page

2022-06-30T16:05:45Z

Slavinsky: First steps

QuBot is a set of tools for creating chatbots and virtual assistants.
----
;First steps:
* [[Principles of bot design]]
* [[Getting Started: Creating Your First Bot_en|Getting Started: Creating Your First Bot]]
; Setup and programming:
* [[Qubot Customizing]]
* [[Qubot Google Sheets Setup]]
* [[Principles of bot design]]
* [[Qubot Script]]
;[[:Category:Integrations|Integrations]]:
* [[Channels]]
* [[How to add a chatbot to your website]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration|Facebook ]]
* [[Qubot Telegram Integration|Telegram]]
* [[Qubot Viber Integration|Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration|Whatsapp]]
----
* [[FAQ]]

[[Category:Qubot|*]]

Principles of bot design

2022-06-30T16:05:23Z

Slavinsky: Category:Qubot

[[Category:Qubot]]
== Principles of bot design ==

By learning the concepts described in this section, you'll become equipped to design a bot that aligns with best practices and capitalizes on lessons learned thus far in this relatively new arena.

The rise of artificial intelligence (AI) continues to drive changes in how enterprises innovate and communicate their business. But for the humans and consumers interfacing with products affected by this technology, what will an AI-empowered future look like? What will it feel like? Empowered by rapidly advancing machine intelligence, product designers are rethinking the fundamental principles that guide the way they work.

The QuBot platform enables businesses and developers to create ChatBot experiences that solve a variety of business problems. By learning the concepts described in this section, you'll become equipped to design a bot that aligns with best practices and capitalizes on lessons learned thus far in this relatively new arena.

== Building a bot ==

If you are building a bot, it is safe to assume that you are expecting users to use it. It is also safe to assume that you are hoping that users will prefer the bot experience over alternative experiences like apps, websites, phone calls, and other means of addressing their particular needs. In other words, your bot is competing for users' time against things like apps and websites. So, how can you maximize the odds that your bot will achieve its ultimate goal of attracting and keeping users? It's simply a matter of prioritizing the right factors when designing your bot.

Users interact with your application through the user interface that you implement. For example, A simple chat window or a mobile app, or even a robot with a voice interface.

== The chatbot's first user interaction ==

'''First impressions matter'''

The very first interaction between the user and bot is critical to the user experience. When designing your bot, keep in mind that there is more to that first message than just saying "hi." When you build an app, you design the first screen to provide important navigation cues. Users should intuitively understand things such as where the menu is located and how it works, where to go for help, what the privacy policy is, and so on. When you design a bot, the user's first interaction with the bot should provide that same type of information. In other words, just saying "hi" won’t be enough.

== Language versus menus ==

'''Consider the following two designs:'''

'''''Design 1'''''
 
[[File:V1.jpg|400px]]

'''''Design 2'''''
 
[[File:V2.jpg|400px]]

Starting the bot with an open-ended question such as "How can I help you?" is generally not recommended. If your bot has a hundred different things it can do, chances are users won’t be able to guess most of them. Your bot didn’t tell them what it can do, so how can they possibly know?
Menus provide a simple solution to that problem. First, by listing the available options, your bot is conveying its capabilities to the user. Second, menus spare the user from having to type too much. They can simply click. Finally, the use of menus can significantly simplify your natural language models by narrowing the scope of input that the bot could receive from the user.

Menus are a valuable tool when designing bots for a great user experience. Don’t dismiss them as not being "smart enough." You may design your bot to use menus while still supporting free-form input. If a user responds to the initial menu by typing rather than by selecting a menu option, your bot could attempt to parse the user's text input.

== Rich user controls ==

Rich user controls are common UI controls such as buttons, images, carousels, and menus that the bot presents to the user and the user engages with to communicate choice and intent. A bot can use a collection of UI controls to mimic an app or can even run embedded within an app. When a bot is embedded within an app or website, it can represent virtually any UI control by leveraging the capabilities of the app that is hosting it.

For decades, application and website developers have relied on UI controls to enable users to interact with their applications. These same UI controls can also be very effective in bots. For example, buttons are a great way to present the user with a simple choice. Allowing the user to communicate "Booking" by clicking a button labeled Booking is easier and quicker than forcing the user to type "Booking." This especially holds true on mobile devices, where the clicking is greatly preferred over typing.

When designing your bot, do not automatically dismiss common UI elements as not being "smart enough." As discussed previously, your bot should be designed to solve the user's problem in the best/quickest/easiest manner possible. Avoid the temptation to start by incorporating natural language understanding, as it is often unnecessary and just introduces unjustified complexity.

== Use Custom Error Message ==

The «Custom Error Message» is like the «Error Page» of your website for your bot users. This message is shown if your bot repeatedly cannot parse a user's input.

Getting Started: Creating Your First Bot/ru

2022-06-30T16:04:56Z

Slavinsky: Category:Qubot

[[Category:Qubot]]
Creating your first Chatbot on the QuData platform.

Channels

2022-06-30T15:39:28Z

Slavinsky: Category:Qubot

[[Category:Qubot]]
== Channels ==
Connect your bot to your desired channels.

By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.

One of the great features of QuBot's service is that from the outset we were determined that our chatbots should be omnichannel. You only have to build a chatbot and it is easily made live on all the different channels.

To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.

Each channel has its own way of connecting bots, but we've made the process straightforward. Follow the steps in the channel settings and your bot will be connected in no time.

When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!

== Webchat ==
The Webchat channel is pre-configured for you. You can start to use it right after you have created a bot. Also, you can embed a Webchat on your website or another service.

To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:

[[File:Webchat.PNG|855 px]]

You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.

== Webchat settings ==
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.

[[File:Step1.PNG|800px]]

Then, in step 2, click the '''“Copy”''' button.

[[File:Step2_1.PNG|967px]]

Open your webpage and access the HTML. Scroll down to the bottom and paste it.

[[File:Step2_html.PNG|1113px]]

Return to the settings page, and switch the toggle to '''“Active”'''.

Reload your website page. The bot will appear as a button in the bottom right.

Congratulations, the chatbot has been integrated to your WEB channel. It is now available on your company website.

'''Watch this video tutorial "Connecting Channels"'''

https://youtu.be/VPfBYaJJ7jM

* [[How to add a chatbot to your website]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration|Facebook ]]
* [[Qubot Telegram Integration|Telegram]]
* [[Qubot Viber Integration|Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration|Whatsapp]]

Main Page/ru

2022-06-30T15:31:51Z

Slavinsky:

{|
|
'''Lang:'''
|
[[Main Page|en]]
|}
QuBot - это набор инструментов по созданию чат-ботов и виртуальных помощников.
----
; Настройка и программирование:
* [[Qubot Customizing/ru]]
* [[Qubot Google Sheets Setup/ru|Подключение Google таблиц к боту]]
* [[Qubot Script/ru]]
;[[:Category:Integrations|Интеграция]]:
* [[How to add a chatbot to your website/ru|Установка чат-бота на собственный сайт]]
* [[How to integrate WordPress plugin to website/ru|WordPress plugin]]
* [[Qubot Facebook Integration/ru|Facebook ]]
* [[Qubot Telegram Integration/ru|Telegram ]]
* [[Qubot Viber Integration/ru |Viber ]]
* [[Qubot LiveChat Integration/ru|LiveChat]]
* [[Qubot Whatsapp Integration/ru|Whatsapp]]
----
* [[FAQ|Список часто задаваемых вопросов и ответов]]

[[Category:Qubot|*]]
[[Category:ru]]

Qubot LiveChat Integration/ru

2022-06-30T15:31:10Z

Slavinsky: Slavinsky moved page Qubot LiveChat Integration RU to Qubot LiveChat Integration/ru without leaving a redirect

[[Category:Qubot]]
[[Category:Integrations|L]]

{{TOCright}}
Интеграция LiveChat с ботом позволяет добавлять живые коммуникации с агентами, поэтому обслуживание клиентов значительно улучшается. Следующая интеграция требует, чтобы у вас была учетная запись LiveChat.

==ШАГ 1==
Войдите в https://www.livechat.com

Если у вас нет аккаунта '''LiveChat''', зарегистрируйтесь на странице https://accounts.livechat.com/signup

==ШАГ 2==
Перейдите к [https://developers.livechat.com/console LiveChat Developers Console], затем в '''My Profile''' и скопируйте '''Organization ID'''.

[[File:21.png|350px]]
[[File:22.png|350px]]

Вставьте его в поле ввода на '''Шаге 2''' в параметрах интеграции.

[[File:23.png|700px]]

==ШАГ 3==
Перейдите к '''My Apps''' и создайте новое приложение.

[[File:24.png|350px]]
[[File:25.png|350px]]
[[File:26.png|350px]]

==ШАГ 4==
Перейдите к разделу '''Building Blocks'''

[[File:27.png|350px]]
[[File:28.png|350px]]

В блоке '''App Authorization''' нажмите кнопку '''Get started'''

[[File:29.png|350px]]

В окне '''Creating the OAuth2.1 Client''' выберите параметр '''Server-side app''' и нажмите кнопку '''Continue'''

[[File:30.png|350px]]

После этого вы перейдете к настройкам '''App Authorization'''. Пожалуйста, не оставляйте эту страницу, пока не закончите '''Шаг 5''' этой инструкции.

==ШАГ 5==
В конфигурации '''App Authorization''' найдите '''Client Id'''.

[[File:31.png|350px]]

Скопируйте его в поле ввода

[[File:32.png|700px]]

В конфигурации '''App Authorization''' найдите '''Client Secret'''.

[[File:33.png|350px]]

Скопируйте его в поле ввода

[[File:34.png|700px]]

Вы не можете восстановить оригинальный '''Client Secret''', поэтому храните его в безопасном месте.
Будьте осторожны, вы не сможете увидеть '''Client Secret''' после перезагрузки страницы. В этом случае вам придется сгенерировать и предоставить нам новый ключ (старый будет сброшен).

Перейдите к разделу '''Redirect URI whitelist''' и добавьте в список такие URL-адреса с помощью кнопки '''Add''':

<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]]

Перейдите к разделу '''App scopes and API access''' и выберите область доступа '''Select All'''

[[File:37.png|350px]]
[[File:38.png|350px]]
[[File:39.png|350px]]

Нажмите кнопку '''Save changes''' в разделе '''App scopes and API access'''.

Затем, в верхней части страницы '''App Authorization''' нажмите кнопку '''Save changes''', чтобы подготовиться к развертыванию приложения.

[[File:40.png|350px]]

Предоставьте доступ к приложению. Нажмите кнопку '''Разрешить доступ''', чтобы начать быстрый автоматизированный процесс. Обратите внимание, что во время процесса вас могут попросить войти в '''Live Chat'''.

[[File:41.png|350px]]

==ШАГ 6==
В своей программе перейдите к разделу '''Building Blocks''', найдите блок '''Chat Webhooks''' и нажмите кнопку '''Get started'''.

[[File:42.png|350px]]

Скопируйте нижеприведенный ниже '''Webhook URL''' и введите его в соответствующее поле в конфигурации '''Chat Webhooks'''.

<syntaxhighlight lang="html">
https://services.qudata.com/bot/extensions/livechat/api/v1/webhook/
</syntaxhighlight>

[[File:43.png|350px]]

Предоставьте нам '''Secret Key'''. Нажмите кнопку '''Generate'''.

[[File:44.png|350px]]
[[File:45.png|350px]]

Скопируйте секретный ключ в поле ввода

[[File:46.png|700px]]

В разделе '''Webhook triggers''' выберите '''incoming_event'''. Для этого события выберите параметры: '''author type''', '''agent'''

[[File:47.png|350px]]
[[File:48.png|350px]]

Нажмите кнопку '''Save changes'''.

Qubot Script/ru

2022-06-30T15:28:13Z

Slavinsky: Category:ru

{{TOCright}}
== Qubot Script ==

'''''Qubot Script''''' - это язык программирования, используемый для выполнения логических и математических операций при решении задач бота


== Слоты ==

'''Слот''' - это переменная, значение которой доступно во всех состояниях бота. Также значение слота сохраняется, если бота закрыли и продолжили
с ним работать через время.

Объявление слота происходит при первом присваивании в него значений. Например:

<syntaxhighlight lang="js">
a = 7
</syntaxhighlight>
объявляет слот с именем '''a''' и присваивает ему значение '''7'''



== Локальные переменные ==

В отличие от слотов локальные переменные сохраняются только внутри скрипта, где они объявлены. 
Объявление происходит путем добавления перед именем служебного слова '''local''':
<syntaxhighlight lang="js">
local b = 8 // локальная переменная
</syntaxhighlight>

Если локальная переменная объявлена внутри фигурных скобок '''{}''', то и ее значение доступно только там:

<syntaxhighlight lang="js">
local b = 8 // локальная переменная текущего скрипта

if (b == 8)
{
local c = 9 // локальная переменная блока оператора 'if'
print(c) // выведет 9
}

print(b) // выведет 8
print(c) // выдаст ошибку, т.к. тут уже переменная 'с' недоступна
</syntaxhighlight>



== Типы переменных ==

<syntaxhighlight lang="js">
sInt = 7 // целочисленный
sFloat = 7.3 // вещественный
sStr = "hello" // строковый
sArr = [7, 7.3, "hello", sStr] // массив
sDic = { n: 1, s: "Wine" } // словарь
sBool = true // бинарный
sRegExp = /[abc]/ // регулярное выражение
sNone = none // неопределенное значение
</syntaxhighlight>



== Логические операции ==

* '''and''' - логическое ‘И’
* '''or''' - логическое ‘ИЛИ’
* '''not''' - отрицание ‘НЕТ’

Например:

<syntaxhighlight lang="vb">
a = true
b = false
c = true
res = not((a and b) or c)
</syntaxhighlight>



== Арифметические операции ==

* '''+''' - сложение
* '''-''' - вычитание
* '''*''' - умножение
* '''/''' - деление

Например:

<syntaxhighlight lang="js">res = 2+3-4*5+(1.5-0.2/2)</syntaxhighlight>

== Комментарии ==

Комментарии используются для документирования фрагментов скрипта.
Могут быть многострочыми и однострочными:
<syntaxhighlight lang="js">
/*
Пример
многострочного
комментария
*/

a = 2253 // пример однострочного комментария

</syntaxhighlight>

Также разрешается и питоновский стиль комментария:
<syntaxhighlight lang="python">
a = 2253 # пример однострочного комментария
</syntaxhighlight>





== Работа со словарем (объектом) ==

Объявление словаря:

<syntaxhighlight lang="js">dic = { n: 1, s: "Wine" } </syntaxhighlight>

Доступ к значениям словаря:

<syntaxhighlight lang="js">a = dic.n // доступ к полю с именем "n" через точку
a = dic["n"] // доступ к полю с именем "n" через оператор доступа
dic["food"] = "milk" // добавление в словарь пары ключ-значение
</syntaxhighlight>

== Работа с массивами ==

Объявление массива:

<syntaxhighlight lang="js">
arr = [1,2,3] // создает массив с тремя элементами со значениями 1,2,3

</syntaxhighlight>

Доступ к элементам массива:

<syntaxhighlight lang="js">first = arr[0] // получить первый элемент массива
last = arr[-1] // получить последний элемент массива
last = arr[-2] // получить предпоследний элемент массива
arr[0] = 7 // изменить значение первого элемента</syntaxhighlight>
Функции работы с массивом:

'''''push(val1,val2...)''''' - добавить в конец массива элементы со значениями '''val1, val2...'''
<syntaxhighlight lang="js">
arr.push(4) // добавить значение '4' в конец массива
</syntaxhighlight>

'''''unshift(val1,val2...)''''' - добавить в начало массива элементы со значениями '''val1, val2...'''
<syntaxhighlight lang="js">
arr.unshift(0) // добавить значение '0' в начало
</syntaxhighlight>

'''''pop()''''' - удалить последний элемент массива и вернуть его значение

'''''shift()''''' - удалить первый элемент массива и вернуть его значение

'''''slice(start,end)''''' - возвращает часть массива начиная с позиции '''start''' и если указана переменная '''end''', то до нее не включая

'''''splice(start, deleteCount)''''' - удаляет '''deleteCount''' элементов начиная с позиции '''start'''

'''''clear()''''' - очистить массив

Функции работы с массивом словарей:

'''''find(EXPR)''''' - ищет элементы массива, удовлетворяющие условию '''EXPR'''. Найденные элементы возвращаются в виде массива 
Например:
<syntaxhighlight lang="js">
arr = [ // массив из трех объектов с продуктами
{title: "Wine", price: 120},
{title: "Cheese", price: 100},
{title: "Cola", price: 40},
]

local res = arr.find(price > 80) // найти все объекты у которых поле 'price' больше 80 и вернуть их в массиве
print('найдено $res.length:') // выведет количество найденных объектов
print(res) // выведет объекты, удовлетворяющие условию
</syntaxhighlight>

'''''total(EXPR)''''' - применить выражение '''EXPR''' к каждому элементу массива и суммировать все значения 
Например посчитаем сумму товаров в корзине:
<syntaxhighlight lang="js">
arr = [ // массив из трех объектов с продуктами
{title: "Wine", price: 120, amount: 3},
{title: "Pizza", price: 100, amount: 2},
{title: "Cola", price: 40, amount: 3},
]

local res = arr.total(price * amount) // для каждого элемента массива умножаем цену на количество и складываем результат
print("К оплате: $res грн.") // выведет сумму товаров: "К оплате: 680 грн."
</syntaxhighlight>

'''''count(EXPR)''''' - найти количество элементов массива для которых истинно выражение '''EXPR'''
<syntaxhighlight lang="js">
arr = [ // массив из трех объектов с продуктами
{title: "Wine", price: 120, amount: 3},
{title: "Pizza", price: 100, amount: 2},
{title: "Cola", price: 40, amount: 3},
]

local res = arr.count(price < 100) // для каждого элемента массива умножаем цену на количество и складываем результат
print("Количество товаров, дешевле 100 грн: $res") // выведет количество товаров: "Количество товаров, дешевле 100 грн: 1"
</syntaxhighlight>

'''''sort(KEY)''''' - отсортировать массив

Поддерживаются только массивы, в которых все значения одного типа: число или строка для sort() и словарь для sort(key)

<syntaxhighlight lang="js">
list = [1, 3, 2] // массив чисел
str = ["a", "hi", "banana"] // массив строк
arr = [ // массив из словарей с продуктами
{title: "Wine", price: 120, amount: 3},
{title: "Pizza", price: 100, amount: 2},
]

list.sort() // отсортировать массив по возрастанию
str.sort() // отсортировать массив по возрастанию
arr.sort(price) // отсортировать массив объектов по ключу 'price'
// TODO
</syntaxhighlight>

'''''reverse()''''' - перевернуть массив
<syntaxhighlight lang="js">
list = [1, 3, 2] // массив

list.reverse() // [2, 3, 1]
</syntaxhighlight>



== Работа со строками ==

Объявление строковых слотов:

<syntaxhighlight lang="js">
str = "hello" // используя двойные кавычки
str = 'hello' // используя одинарные кавычки</syntaxhighlight>

Операции со строками:

<syntaxhighlight lang="js">
base = 'http://imgs/'
url = base + 'img1.png' // сложение строк
</syntaxhighlight>


Подстановка слотов в строки:
<syntaxhighlight lang="js">
a = 5
str = "a = $a" // вместо $a будет подставлено значение слота a
print(str) // выведет: "a = 5"
</syntaxhighlight>

Вставка выражений в строки:

Выражения можно вставлять в строки, обрамляя их фигурными скобками:
<syntaxhighlight lang="js">
str = "2 + 3 = {2+3}" // вычислит выражение и вставит результат в строку
print(str) // выведет: "2 + 3 = 5"
</syntaxhighlight>

Экранирование спецсимволов '$','{','}' происходит путем добавления наклонной черты '\'
<syntaxhighlight lang="js">
str = "price: 4.99\$ \{sale\}" // вычислит выражение и вставит результат в строку
print(str) // выведет: "price: 4.99$ {sale}"
</syntaxhighlight>

Функции работы со строками:

'''''length''''' - получить длинну строки
<syntaxhighlight lang="js">
str = "hello"
len = str.length // вернет 5 - число символов строки "hello"
</syntaxhighlight>

'''''substring(start,end)''''' - получить подстроку начиная с позиции '''start''' и до позиции '''end''' не включая
<syntaxhighlight lang="js">
str = "http://server/im.png"
substr = str.substring(7,13) // вернет строку "server"
</syntaxhighlight>

'''''search(pattern)''''' - найти позицию первого вхождения '''pattern''', иначе вернуть -1. Аргумент '''pattern''' может быть как строкой
так и регулярным выражением:

<syntaxhighlight lang="js">
str = "apple orange juice"
res = str.search('orange') // вернет позицию строки 'orange': 6
res = str.search(/(orange|juice)/) // вернет позицию строки 'orange' или 'juice'
res = str.search('pizza') // не найдет 'pizza' и вернет -1
</syntaxhighlight>



== Условный оператор ==
Оператор '''if''' используется, если необходимо ветвление логики в зависимости от условия

<syntaxhighlight lang="js">
a = 9
if (a > 7)
{
res = 'a more than 7'
}
else
{
res = 'a less or equal 7'
}</syntaxhighlight>
В данном примере проверяется условие <code>a > 7</code> и если оно истинно, то выполняется первый блок скрипта, окруженный фигурными скобками, иначе выполняется блок после служебного слова '''else'''



== Цикл '''while''' ==

Оператор цикла проверяет условие и пока оно истинно, выполняет код окруженный фигурными скобками

<syntaxhighlight lang="js">a = 7
while (a > 0)
{
a = a - 1
}</syntaxhighlight>
В данном примере скрипт <code>a = a - 1</code> будет выполнятся до тех пор пока значение слота <code>a</code> не станет равным нулю


== Итератор '''for''' ==

Итератор используется для перебора всех значений массива, либо ключей из словаря

<syntaxhighlight lang="js">
arr = [3,2,1]
for(val in arr)
{
print(val)
}
output:
3
2
1
</syntaxhighlight>
В данном примере цикл последовательно перебирает значения массива и заносит их во временную переменную '''val''' соответственно для каждого элемента массива выполняется окруженный фигурными скобками скрипт '''print(val)''' выводящий значение в отладочное окно

Иногда удобно в цикле иметь и индекс массива, для этого перед переменной значения добавляем имя переменной индекса:

<syntaxhighlight lang="js">
arr = [3,2,1]
for(i, val in arr)
{
print("$i: $val")
}
output:
0: 3
1: 2
2: 1
</syntaxhighlight>

Для перебора ключей и значений словаря используется аналогичная конструкция:
<syntaxhighlight lang="js">
arr = {pizza: 100, milk: 20, wine: 120}
for(key, val in arr)
{
print("$key: $val")
}
output:
pizza: 100
milk: 20
wine: 120
</syntaxhighlight>



== Оператор выбора '''switch''' ==

Конструкция '''switch''' заменяет собой сразу несколько '''if'''. Она представляет собой более наглядный способ сравнить выражение сразу с несколькими вариантами.
Имеет один или более блок '''case''' и необязательный блок '''default'''.

<syntaxhighlight lang="js">
a = 'one'
switch(a)
{
case 'one': print('one'); break;
case 'two': print('two'); break;
default: print('def')
}
</syntaxhighlight>

Переменная проверяется на строгое соответствие значению справа от '''case''' и если оно совпадает, то выполняется код до тех пор пока не встретится
оператор '''break'''

Если ни одно из '''case''' не подошло, выполняется код справа от '''default'''



== Оператор '''in''' ==

Оператор '''in''' проверяет есть ли значение в массиве либо является ключём в словаре.

<syntaxhighlight lang="js">
sArr = [7, 7.3, "hello"] // массив
print("hello" in sArr) // вернет true, т.к. значение "hello" присутствует в массиве sArr
sDic = { price: 100, food: "Wine"} // словарь
print("food" in sDic) // вернет true, т.к. ключ "food" присутствует в словаре sDic

</syntaxhighlight>

Переменная проверяется на строгое соответствие значению справа от '''case''' и если оно совпадает, то выполняется код до тех пор пока не встретится
оператор '''break'''

Если ни одно из '''case''' не подошло, выполняется код справа от '''default'''



== Оператор '''button''' ==

'''''button(caption){ SCRIPT }''''' 
Данный оператор добавляет в интерфейс кнопку с текстом '''caption''' в текущее сообщение. После нажатия на кнопку выполняется логика '''SCRIPT'''.
Если '''caption''' - объект, то он должен состоять из двухбуквенных ключей (идентификаторов языка: en, ru,…) со строковыми значения на этих языках.

<syntaxhighlight lang="js">
button('click me') // текст в кнопке
{
// скрипт, который выполнится после нажатия
print('button was clicked!')
step('STATE_AFTER_CLICK')
}
</syntaxhighlight>

При нажатии на кнопку скрипт будет выполнен в контексте локальных переменных на момент добавления данной кнопки, а также в контексте
значений слотов на момент нажатия на кнопку!



== Функции перехода ==

'''''run(state)''''' - выполнить логику шага '''state'''

'''''step(state)''''' - установка шага перехода по умолчанию в значение '''state'''

'''''goto(state)''''' - мгновенный переход в шаг '''state'''



== Функции работы с контентом ==

'''''text(obj)''''' - вывести в текущее сообщение текст. Если '''obj''' - это сторока, то она выводится не зависимо от текущего языка. Если '''obj''' - объект, то он должен состоять из двухбуквенных ключей (идентификаторов языка: en, ru,…) со строковыми значения на этих языках.

<syntaxhighlight lang="js">
text("Hi world!")
text({ en: "Hi world!", ru: "Привет мир!", es: "¡Hola mundo!"})
</syntaxhighlight>

'''''images()''''' - создать новую строку картинок. Каждый последующий вызов image будет добавляться в эту строку, пока снова не будет вызван images().

<syntaxhighlight lang="js">
URL = "https://qudata.com/qubot/im/"
images()
image(URL + "owl_a.png")
image(URL + "owl_b.png") </syntaxhighlight>

'''''image(url, width)''''' - вывести в текущее сообщение картинку. Если '''url''' - это строка, то он используется не зависимо от текущего языка. Если '''url''' - объект, то он должен состоять из двухбуквенных ключей (идентификаторов языка: en, ru,…) со строковыми значения на этих языках.. Необязательный параметр '''width''' указывает насколько в процентах нужно сжать изображение

<syntaxhighlight lang="js">
URL = "https://qudata.com/qubot/im/"
image(URL + "owl_a.png")
image({ en: URL + "en.png", ru: URL + "ru.png"})
</syntaxhighlight>

'''''buttons()''''' - создать новую строку кнопок. Каждый последующий вызов button будет добавляться в эту строку, пока снова не будет вызван buttons().

'''''get_check()''''' - получить массив значений кнопок типа check (1 - нажата, 0 - отжата)

'''''set_check(list)''''' - задать значения кнопок типа check из массива list.

<syntaxhighlight lang="js">
CHECK = [0,1,0]
set_check(CHECK)
</syntaxhighlight>

'''''get_radio()''''' - получить массив значений кнопок типа radio (1 - нажата, 0 - отжата). Единица будет одна.

'''''set_radio(list)''''' - задать значения кнопок типа radio из массива list.



== Отладчные функции ==

'''''print(args)''''' - вывод информации в окно отладки



== Округление ==

'''''floor(val)''''' - округление чисел в меньшую сторону:

<syntaxhighlight lang="js">floor(5.8) // 5
floor(-6.1) // -7</syntaxhighlight>
'''''trunc(val)''''' - отбрасывание дробной части:

<syntaxhighlight lang="js">trunc(5.51) // 5
trunc(-6.99) // -6</syntaxhighlight>
'''''ceil(val)''''' - округление чисел в большую сторону:

<syntaxhighlight lang="js">ceil(5.15) // 6</syntaxhighlight>
'''''round(val, num)''''' - округление '''val''' до '''num''' чисел после запятой:

<syntaxhighlight lang="js">round(3.14159265, 2) // 3.14</syntaxhighlight>


== Случайные числа ==

'''''randint(min,max)''''' - возвращает целое случайное число в диапазоне [min,max].

'''''random()''''' - возвращает случайное вещественное число в диапазоне [0,1].


== Дата и время ==

'''''date(format)''''' - возвращает текущую дату и время в указанном формате. По умолчанию аргумент '''format''' принимает значение: '''%d/%m/%Y %H:%M:%S'''

Поддерживаемые коды форматирования:

* '''%y''' - год без столетия ('22')
* '''%Y''' - год ('2022')
* '''%m''' - месяц
* '''%d''' - день
* '''%H''' - часы
* '''%M''' - минуты
* '''%S''' - секунды

Например:
<syntaxhighlight lang="js">
date() // 17/05/2022 18:16:31 т.е. сейчас
date('%Y.%m.%d %H:%M:%S') // 2022.05.17 18:16:31
</syntaxhighlight>

[[Category:Qubot]]
[[Category:ru]]

Qubot Facebook Integration/ru

2022-06-30T14:08:20Z

Slavinsky: "шаги"

[[Category:Qubot]]
[[Category:Integrations|F]] [[Category:ru]]

{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
[[Qubot Facebook Integration|en]]
|}


{{TOCright}}
== Подключение бота в Facebook ==

Чтобы настроить Facebook Messenger в качестве канала, вам потребуется создать приложение на Facebook, 
включить интеграцию веб-перехватчиков для платформы для отправки и получения сообщений, 
а также подписаться на приложение на странице Facebook. 
== Шаг 1. Создайте приложение ==

Создайте приложение.

Войдите на портал разработчиков Facebook https://developers.facebook.com/ и перейдите в раздел «Мои приложения».
 
 
[[File:FacebookStep1.png|700px]]
 
 
Нажмите кнопку «Создать приложение», затем выберите тип приложения «Бизнес».
 
 
[[File:FacebookStep1_2.png|700px]]
 
 
Введите все необходимые данные для вашего приложения и нажмите «Создать приложение».
 
 
[[File:FacebookStep1_3.png|700px]]
 
 
Ваше приложение будет создано, и вы будете перенаправлены на страницу настройки приложения.

Выберите Messenger и нажмите кнопку «Настроить», чтобы продолжить. Вы будете перенаправлены на страницу настроек.
 
 
[[File:FacebookStep1_4.png|700px]]
 
 

== Шаг 2. Сведения о странице==

Сведения о странице.

Свяжите страницу с приложением и сгенерируйте токен доступа к странице в разделе «Создание токена». Если у вас нет страницы, вы можете создать страницу Facebook здесь - https://www.facebook.com/pages/create .
 
 
[[File:FacebookStep2.png|700px]]
 
 
 
 
[[File:FacebookStep2_2.png|700px]]
 
 
Выберите вашего бота, в левой панели выберите пункт '''Интеграции'''. Далее выберите Messenger.
 
 
[[File:FacebookStep2_6.png|700px]]
 
 
Выберите Шаг 2 и введите этот токен доступа в поле Page Access Token(Токен доступа к странице).
 
 
[[File:FacebookStep2_7.png]] [[File:FacebookStep2_8.png|500px]]
 
 
Перейдите в меню «Основные настройки», затем выберите «Основные настройки», запишите App ID(идентификатор приложения)
и App Secret.
 
 
[[File:FacebookStep2_3.png|700px]]
 
 
Введите их в соответствующие поля на Шаге 2 вашего бота.
 
 
[[File:FacebookStep2_9.png]] [[File:FacebookStep2_10.png]]
 
 
Из своей учетной записи Facebook перейдите на страницу Facebook, которую вы выбрали выше. Найдите меню '''About'''.
 
 
[[File:FacebookStep2_4.png|700px]]
 
 
 
 
[[File:FacebookStep5.png|700px]]
 
 
Скопируйте Page ID и введите их в соответствующие поля на Шаге 2 вашего бота.
 
 
[[File:FacebookStep2_11.png]]
 
 

== Шаг 3. Настройка вебхука ==

Настройка вебхука.

Нажмите переключатель в правом верхнем углу, чтобы активировать канал. После активации канала интеграция с веб-перехватчиком включается автоматически.
 
 
[[File:FacebookStep3.png|700px]]
 
 
Перейдите в меню «Настройки мессенджера» и прокрутите вниз до раздела '''Webhooks section'''.
В разделе '''Webhooks section''' выберите страницу, которую вы использовали для создания токена страницы, и нажмите '''Add subscriptions'''.
Проверьте следующие поля подписки: messages, messages_postbacks, message_deliveries, message_reads.

Сохраните изменения
 
 
[[File:FacebookStep3_2.png|700px]]
 
 
 
 
[[File:Facebook3_3.png|700px]]
 
 

== Шаг 4. утверждение на Facebook ==

Отправьте приложение Facebook на утверждение.
 
 
[[File:FacebookStep4.png|700px]]
 
 
После утверждения вы можете включить канал Facebook Messenger для своего бота.
Для получения дополнительной информации о том, как отправить приложение, посетите https://developers.facebook.com/docs/messenger-platform/app-review#submission .

Category:Ru

2022-06-30T14:01:04Z

Slavinsky: Created page with "Category:Qubot"

[[Category:Qubot]]

Qubot Customizing

2022-06-28T17:09:05Z

Slavinsky: /* Webchat settings */

{{TOCright}}
== Webchat settings ==

A guide to customizing your bot's appearance to match your brand's color scheme.

In customizing the appearance of the bot, those brands that have already developed a color scheme and they need the appearance of the bot to match this scheme will be especially interested.

It's easy to do. Select your bot, click '''Setup''' from the left panel.
----
 
 
[[File:SetupBot.png]]

The following options are available:

== Icons ==

'''Logo''' - an icon that is displayed in the list of bots and the button to start the bot.
 
 
[[File:LogoBot.png]]
 
[[File:BotStartButton.png]]
 
 
'''Agent''' - an icon that is displayed in every bot message.
 
 
[[File:agent.png]]
 
[[File:agentIcon.png]]
 
 
'''Human''' - an icon that is displayed in each message of the user.
 
 
[[File:human.png]]
 
[[File:humanIcon.png]]
 

== Texts ==

'''Bot name''' - the bot's name is displayed in the upper left corner.

'''Agent name''' - the name of the bot from which messages will be sent.

'''Info text''' - text that provides specific information to the user is displayed at the top of the bot next to the bot's name.
 
 
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]
 

== Size and position ==

'''Size''' - выбор готового размера окна бота: '''''обычный''''', '''''большой''''' и '''''огромный'''''. Для задания своих размеров выберите '''''пользовательский''''' и в полях '''''ширина''''' '''''высота''''' укажите желаемые размеры.
 
 
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]
 
 

'''Position''' - выберите угол для расположения вашего бота. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.
 
 
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]
 
 

== Стили ==
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.
 
 
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]
 
 

== Пользовательские ==
Здесь вы можете настроить свой вид бота.

Доступны следующие параметры:

== Окно ==

'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.
 
 
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]
 

== Заголовок ==
Здесь вы можете отредактировать заголовок окна бота

'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.

'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Радиус''' - степень округленности верхних правого и левого углов окна бота.

'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.

'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.
 
 
[[File:HeaderSetup.png|400px]] [[File:Header.png]]
 

== Тело бота ==
Здесь вы можете отредактировать область переписки бота

'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.

'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.

'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.

'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.

'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.

'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.
 
 
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]
 

== Агент ==
Здесь вы можете отредактировать сообщения агента в чате.

'''Заполнение''' - фон сообщения агента. Параметр задает цвет.

'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Иконка''' - размер иконки агента.
 
 
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]
 

== Человек ==
Здесь вы можете отредактировать сообщения пользователя в чате.

'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.

'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Иконка''' - размер иконки пользователя.
 
 
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]
 

== Кнопки ==
Здесь вы можете отредактировать кнопки в чате.

'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.

'''Радиус''' - степень округленности углов кнопок.

'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.

'''Высота''' - высота кнопки.

'''Внешние отступы''' - отступы кнопки от остального контента.
 
 
[[File:ButtonSetup.png|400px]] [[File:Button.png]]
 

== Низ ==
Здесь вы можете отредактировать нижний колонтитул бота.

'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.

'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.

'''Высота''' - высота нижней части бота.

'''Радиус''' - степень округленности углов нижней части бота.

'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.
 
 
[[File:FooterSetup.png|400px]] [[File:Footer.png]]
 

== Поле ввода ==
Здесь вы можете отредактировать поле ввода.

'''Радиус''' - степень округленности углов поля ввода.

'''Высота''' - высота поля ввода.

'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.

'''Заполнение''' - фон поля ввода.

'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю

'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.
 
 
[[File:InputSetup.png|400px]] [[File:Input.png]]
 

== Кнопка открытия окна чата ==
Здесь вы можете отредактировать кнопку запуска бота.

'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.

'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.
 
 
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]
 

== Страница(для теста) ==

'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).

[[Category:Qubot]]

How to add a chatbot to your website/ru

2022-06-27T13:58:10Z

Slavinsky:

[[Category:ru]]

{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
[[How to add a chatbot to your website|en]]
|}


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

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

[[File:1.png|700px]]

Вы попадаете в раздел редактирования чат-бота.
Нажмите в боковой левой навигационной панели '''Integrations''' и выберите вид канала '''WebChat'''.

[[File:2.png|700px]]

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

[[File:3.png|700px]]

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

[[File:4.png|700px]]

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

[[File:5.png|700px]]

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

[[File:6.png|700px]]

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

[[File:7.png|700px]]

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

[[Category:Integrations]]

Main Page/ru

2022-06-27T13:52:10Z

Slavinsky:

{|
|
'''Lang:'''
|
[[Main Page|en]]
|}
QuBot - это набор инструментов по созданию чат-ботов и виртуальных помощников.
----
; Настройка и программирование:
* [[Qubot Customizing/ru]]
* [[Qubot Google Sheets Setup|Подключение Google таблиц к боту]]
* [[Qubot Script]]
;[[:Category:Integrations|Интеграция]]:
* [[How to add a chatbot to your website/ru|Установка чат-бота на собственный сайт]]
* [[How to integrate WordPress plugin to website/ru|WordPress plugin]]
* [[Qubot Facebook Integration/ru|Facebook ]]
* [[Qubot Telegram Integration/ru|Telegram ]]
* [[Qubot Viber Integration/ru |Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration/ru|Whatsapp]]
----
* [[FAQ|Список часто задаваемых вопросов и ответов]]

[[Category:Qubot|*]]
[[Category:ru]]

How to add a chatbot to your website/ru

2022-06-27T13:51:07Z

Slavinsky: Slavinsky moved page How to add a chatbot to your website RU to How to add a chatbot to your website/ru without leaving a redirect

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

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

[[File:1.png|700px]]

Вы попадаете в раздел редактирования чат-бота.
Нажмите в боковой левой навигационной панели '''Integrations''' и выберите вид канала '''WebChat'''.

[[File:2.png|700px]]

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

[[File:3.png|700px]]

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

[[File:4.png|700px]]

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

[[File:5.png|700px]]

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

[[File:6.png|700px]]

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

[[File:7.png|700px]]

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

[[Category:Integrations]]

Main Page/ru

2022-06-27T13:46:37Z

Slavinsky:

{|
|
'''Lang:'''
|
[[Main Page|en]]
|}
QuBot - это набор инструментов по созданию чат-ботов и виртуальных помощников.
----
; Настройка и программирование:
* [[Qubot Customizing/ru]]
* [[Qubot Google Sheets Setup|Подключение Google таблиц к боту]]
* [[Qubot Script]]
;[[:Category:Integrations|Интеграция]]:
* [[How to add a chatbot to your website|Установка чат-бота на собственный сайт]]
* [[How to integrate WordPress plugin to website/ru|WordPress plugin]]
* [[Qubot Facebook Integration/ru|Facebook ]]
* [[Qubot Telegram Integration/ru|Telegram ]]
* [[Qubot Viber Integration/ru |Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration/ru|Whatsapp]]
----
* [[FAQ|Список часто задаваемых вопросов и ответов]]

[[Category:Qubot|*]]
[[Category:ru]]

How to integrate WordPress plugin to website/ru

2022-06-27T13:43:36Z

Slavinsky:

[[Category:ru]]
{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
|
[[How to integrate WordPress plugin to website|en]]
|}


{{TOCright}}
== Установка WordPress плагина ==
Инструкция по интеграции WordPress плагина '''QuBot''' на собственный сайт. Данное действие можно выполнить одним из предложенных способов.
Предпочтительнее первый способ, так как он обеспечивает автоматическую проверку актуальной версии плагина.

== 1 Способ ==
Перейдите на страницу админ-панели WordPress на своем сайте. Нажмите '''Plugins''', затем '''Add New'''.

[[File:Screenshot 0.png|700px]]

Справа в верхней части экрана введите в строке поиска слово '''QuBot'''. В результатах поиска отобразиться нужный плагин. Нажмите '''Install Now'''.

[[File:Screenshot 1.png|700px]]

Ждем установки плагина, а затем нажимаем '''Activate'''.

[[File:Screenshot 2.png|700px]]

Плагин установлен на ваш сайт!

== 2 Способ ==
Перейдите в консоль разработки ботов https://console.qudata.com/ и нажмите кнопку '''Integrate'''. Выберите канал связи '''WordPress'''.

[[File:Screenshot 3.png|700px]]

Для скачивания плагина нажмите '''Get Plugin'''.

[[File:Screenshot 4.png|700px]]

Перейдите на страницу админ-панели WordPress на своем сайте. Нажмите '''Plugins''', затем '''Upload Plugin'''.

[[File:Screenshot 5.png|700px]]

Для установки скачанного файла с плагином нажмите '''Choose File'''.

[[File:Screenshot 6.png|700px]]

Выберите скачанный файл с плагином нажав на него, затем '''Open'''.

[[File:Screenshot 7.png|700px]]

Далее нажмите '''Install Now''', дождитесь установки плагина и активируйте его нажатием '''Activate Plugin'''

[[File:Screenshot 8.png|350px]] [[File:Screenshot 9.png|350px]]

Плагин установлен на ваш сайт!

[[Category:Integrations]]

How to integrate WordPress plugin to website/ru

2022-06-27T13:42:19Z

Slavinsky: Slavinsky moved page How to integrate WordPress plugin to website RU to How to integrate WordPress plugin to website/ru without leaving a redirect

{{TOCright}}
== Установка WordPress плагина ==
Инструкция по интеграции WordPress плагина '''QuBot''' на собственный сайт. Данное действие можно выполнить одним из предложенных способов.
Предпочтительнее первый способ, так как он обеспечивает автоматическую проверку актуальной версии плагина.

== 1 Способ ==
Перейдите на страницу админ-панели WordPress на своем сайте. Нажмите '''Plugins''', затем '''Add New'''.

[[File:Screenshot 0.png|700px]]

Справа в верхней части экрана введите в строке поиска слово '''QuBot'''. В результатах поиска отобразиться нужный плагин. Нажмите '''Install Now'''.

[[File:Screenshot 1.png|700px]]

Ждем установки плагина, а затем нажимаем '''Activate'''.

[[File:Screenshot 2.png|700px]]

Плагин установлен на ваш сайт!

== 2 Способ ==
Перейдите в консоль разработки ботов https://console.qudata.com/ и нажмите кнопку '''Integrate'''. Выберите канал связи '''WordPress'''.

[[File:Screenshot 3.png|700px]]

Для скачивания плагина нажмите '''Get Plugin'''.

[[File:Screenshot 4.png|700px]]

Перейдите на страницу админ-панели WordPress на своем сайте. Нажмите '''Plugins''', затем '''Upload Plugin'''.

[[File:Screenshot 5.png|700px]]

Для установки скачанного файла с плагином нажмите '''Choose File'''.

[[File:Screenshot 6.png|700px]]

Выберите скачанный файл с плагином нажав на него, затем '''Open'''.

[[File:Screenshot 7.png|700px]]

Далее нажмите '''Install Now''', дождитесь установки плагина и активируйте его нажатием '''Activate Plugin'''

[[File:Screenshot 8.png|350px]] [[File:Screenshot 9.png|350px]]

Плагин установлен на ваш сайт!

[[Category:Integrations]]

Qubot Whatsapp Integration/ru

2022-06-27T13:40:00Z

Slavinsky:

[[Category:Qubot]]
[[Category:Integrations|W]] [[Category:ru]]
{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
|
[[Qubot Whatsapp Integration|en]]
|}


{{TOCright}}
== Подключение бота в Whatsapp ==

Чтобы получить доступ к WhatsApp Business API через нашу встроенную форму регистрации, следуйте этому руководству.
== Шаг 1 ==



* Перед регистрацией убедитесь, что у вас есть действующий номер телефона. Проверьте, соответствует ли ваш номер телефона критериям здесь - https://developers.facebook.com/docs/whatsapp/phone-numbers#phone-numbers.
* Для телефонных номеров с включенной системой IVR необходимо временно отключить IVR во время процесса регистрации.
== Шаг 2 ==

Перейдите по ссылке на форму регистрации https://hub.360dialog.com/lp/whatsapp/VTOU8QPA, чтобы заполнить заявку на учетную запись WhatsApp Business.

Вам нужно будет указать свой адрес электронной почты (который нельзя подключить к активной учетной записи 360dialog), ваше имя, название вашей компании и пароль, который будет использоваться при входе в 360 Client Hub.
 
 
[[File:WhatsappSetup1.png|700px]]
 
После нажатия кнопки «Принять условия» вы будете перенаправлены на встроенную страницу регистрации.

== Шаг 3 ==

Завершите встроенную регистрацию.

Предупреждение: не держите встроенное всплывающее окно регистрации открытым более 1 часа, иначе сеанс истечет. Прежде чем начать, убедитесь, что у вас есть все предварительные условия из шага 1.

Вам нужно будет войти в свой мета-аккаунт, чтобы двигаться вперед. Важно, чтобы у этой учетной записи Meta был доступ администратора к Meta Business Manager, который будет управлять этой учетной записью WhatsApp.
 
 
[[File:WhatsappSetup2.png|700px]]
 

Активация аккаунта WhatsApp Business API - https://www.youtube.com/watch?v=_WxbHVdC8L4

Выберите вашего бота, в левой панели выберите пункт Интеграции. Далее выберите Whatsapp.
 
 
[[File:WhatsappSetup3.png|700px]]
 
Выберите Шаг 3 и укажите номер телефона вашей компании в поле.
 
 
[[File:WhatsappSetup4.png|400px]]
 
 

Как только встроенная регистрация будет завершена, мы немедленно развернем клиент WhatsApp Business API. Вы автоматически войдете в 360 Client Hub, где сможете сгенерировать свой ключ API.

== Шаг 4 ==

Создайте ключ API и убедитесь, что вы храните его в безопасном месте.
 
 
[[File:WhatsappSetup5.png|500px]]
 
 
 
 
[[File:WhatsappSetup6.png|500px]]
 
 
Выберите вашего бота, в левой панели выберите пункт Интеграции. Далее выберите Whatsapp.Выберите Шаг 3 и скопируйте ключ API в поле ввода.
 
 
[[File:WhatsappSetup7.png|500px]]
 
 

== Шаг 5 ==

Заполните профиль бизнес-менеджера.

Чтобы сохранить подключение к API, вам необходимо добавить свою информацию в раздел бизнес-информации в настройках бизнес-менеджера. Узнайте, как это сделать тут https://www.facebook.com/business/help/257957338156440?id=180505742745347

Main Page/ru

2022-06-27T13:39:20Z

Slavinsky:

{|
|
'''Lang:'''
|
[[Main Page|en]]
|}
QuBot - это набор инструментов по созданию чат-ботов и виртуальных помощников.
----
; Настройка и программирование:
* [[Qubot Customizing/ru]]
* [[Qubot Google Sheets Setup|Подключение Google таблиц к боту]]
* [[Qubot Script]]
;[[:Category:Integrations|Интеграция]]:
* [[How to add a chatbot to your website|Установка чат-бота на собственный сайт]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration/ru|Facebook ]]
* [[Qubot Telegram Integration/ru|Telegram ]]
* [[Qubot Viber Integration/ru |Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration/ru|Whatsapp]]
----
* [[FAQ|Список часто задаваемых вопросов и ответов]]

[[Category:Qubot|*]]
[[Category:ru]]

FAQ

2022-06-27T13:35:32Z

Slavinsky:

[[File:IconOwl.gif|200px|thumb|right|чаво]]
Это список часто задаваемых вопросов и ответов, относящихся к работе ботов

* [[How to add a chatbot to your website]]
* [[How to integrate WordPress plugin to website]]
* [[Category:Qubot]]

Qubot Whatsapp Integration En

2022-06-27T13:25:03Z

Slavinsky: Protected "Qubot Whatsapp Integration En" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

[[Category:Qubot]]
[[Category:Integrations|W]]

{{TOCright}}
== Подключение бота в Whatsapp ==

To get WhatsApp Business API Access through our embedded signup form, follow this guide.
== Step 1 ==



* Before signing up, make sure you have a valid phone number.Check if your phone number meets the criteria here - https://developers.facebook.com/docs/whatsapp/phone-numbers#phone-numbers .
* For phone numbers with an IVR system enabled, the IVR needs to be temporarily disabled during the registration process.
== Step 2 ==

Follow our signup form link https://hub.360dialog.com/lp/whatsapp/VTOU8QPA to fill out the WhatsApp Business Account application.

You will need to provide your email address (which can't be connected to an active 360dialog account), your name, your company name, and the password that will be used in the 360 Client Hub login.
 
 
[[File:WhatsappSetup1.png|700px]]
 
After clicking the Accept Terms button, you will be redirected to the embedded signup page.

== Step 3 ==

Complete the embedded signup.

Precaution: do not keep the embedded signup pop-up open for more than 1 hour, otherwise the session will expire. Please ensure that you have all the prerequisites from Step 1 ready before starting.

You will need to log in to your Meta account to move forward. It's important that this Meta account has admin access to the Meta Business Manager that will manage this WhatsApp account.
 
 
[[File:WhatsappSetup2.png|700px]]
 

WhatsApp Business API Account Activation - https://www.youtube.com/watch?v=_WxbHVdC8L4

Select your bot, in the left pane select Integrations. Next, select Whatsapp.
 
 
[[File:WhatsappSetup3.png|700px]]
 
Select Step 3 and enter your company's phone number in the field.
 
 
[[File:WhatsappSetup4.png|400px]]
 
 

Once the embedded signup is completed, we will immediately deploy the WhatsApp Business API Client. You will be automatically logged into 360 Client Hub, where you can generate your API Key.

== Step 4 ==

Generate an API Key and make sure you store it in a secure location.
 
 
[[File:WhatsappSetup5.png|500px]]
 
 
 
 
[[File:WhatsappSetup6.png|500px]]
 
 
Select your bot, select Integrations in the left pane. Next, select Whatsapp. Select Step 3 and copy the API key in the input field.
 
 
[[File:WhatsappSetup7.png|500px]]
 
 

== Step 5 ==

Complete your business manager profile.

To keep connected to the API, you should add your information in the business info section of business manager settings. Learn how to do it here - https://www.facebook.com/business/help/257957338156440?id=180505742745347

Qubot Whatsapp Integration

2022-06-27T13:24:48Z

Slavinsky: Removed redirect to Qubot Whatsapp Integration/ru

Qubot Whatsapp Integration/ru

2022-06-27T13:24:16Z

Slavinsky: Slavinsky moved page Qubot Whatsapp Integration to Qubot Whatsapp Integration/ru: localization

[[Category:Qubot]]
[[Category:Integrations|W]]

{{TOCright}}
== Подключение бота в Whatsapp ==

Чтобы получить доступ к WhatsApp Business API через нашу встроенную форму регистрации, следуйте этому руководству.
== Шаг 1 ==



* Перед регистрацией убедитесь, что у вас есть действующий номер телефона. Проверьте, соответствует ли ваш номер телефона критериям здесь - https://developers.facebook.com/docs/whatsapp/phone-numbers#phone-numbers.
* Для телефонных номеров с включенной системой IVR необходимо временно отключить IVR во время процесса регистрации.
== Шаг 2 ==

Перейдите по ссылке на форму регистрации https://hub.360dialog.com/lp/whatsapp/VTOU8QPA, чтобы заполнить заявку на учетную запись WhatsApp Business.

Вам нужно будет указать свой адрес электронной почты (который нельзя подключить к активной учетной записи 360dialog), ваше имя, название вашей компании и пароль, который будет использоваться при входе в 360 Client Hub.
 
 
[[File:WhatsappSetup1.png|700px]]
 
После нажатия кнопки «Принять условия» вы будете перенаправлены на встроенную страницу регистрации.

== Шаг 3 ==

Завершите встроенную регистрацию.

Предупреждение: не держите встроенное всплывающее окно регистрации открытым более 1 часа, иначе сеанс истечет. Прежде чем начать, убедитесь, что у вас есть все предварительные условия из шага 1.

Вам нужно будет войти в свой мета-аккаунт, чтобы двигаться вперед. Важно, чтобы у этой учетной записи Meta был доступ администратора к Meta Business Manager, который будет управлять этой учетной записью WhatsApp.
 
 
[[File:WhatsappSetup2.png|700px]]
 

Активация аккаунта WhatsApp Business API - https://www.youtube.com/watch?v=_WxbHVdC8L4

Выберите вашего бота, в левой панели выберите пункт Интеграции. Далее выберите Whatsapp.
 
 
[[File:WhatsappSetup3.png|700px]]
 
Выберите Шаг 3 и укажите номер телефона вашей компании в поле.
 
 
[[File:WhatsappSetup4.png|400px]]
 
 

Как только встроенная регистрация будет завершена, мы немедленно развернем клиент WhatsApp Business API. Вы автоматически войдете в 360 Client Hub, где сможете сгенерировать свой ключ API.

== Шаг 4 ==

Создайте ключ API и убедитесь, что вы храните его в безопасном месте.
 
 
[[File:WhatsappSetup5.png|500px]]
 
 
 
 
[[File:WhatsappSetup6.png|500px]]
 
 
Выберите вашего бота, в левой панели выберите пункт Интеграции. Далее выберите Whatsapp.Выберите Шаг 3 и скопируйте ключ API в поле ввода.
 
 
[[File:WhatsappSetup7.png|500px]]
 
 

== Шаг 5 ==

Заполните профиль бизнес-менеджера.

Чтобы сохранить подключение к API, вам необходимо добавить свою информацию в раздел бизнес-информации в настройках бизнес-менеджера. Узнайте, как это сделать тут https://www.facebook.com/business/help/257957338156440?id=180505742745347

Qubot Whatsapp Integration

2022-06-27T13:24:16Z

Slavinsky: Slavinsky moved page Qubot Whatsapp Integration to Qubot Whatsapp Integration/ru: localization

#REDIRECT [[Qubot Whatsapp Integration/ru]]

Qubot Facebook Integration/ru

2022-06-27T13:21:23Z

Slavinsky:

[[Category:Qubot]]
[[Category:Integrations|F]] [[Category:ru]]

{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
[[Qubot Facebook Integration|en]]
|}


{{TOCright}}
== Подключение бота в Facebook ==

Чтобы настроить Facebook Messenger в качестве канала, вам потребуется создать приложение на Facebook, 
включить интеграцию веб-перехватчиков для платформы для отправки и получения сообщений, 
а также подписаться на приложение на странице Facebook. 
== Шаг 1 ==

Создайте приложение.

Войдите на портал разработчиков Facebook https://developers.facebook.com/ и перейдите в раздел «Мои приложения».
 
 
[[File:FacebookStep1.png|700px]]
 
 
Нажмите кнопку «Создать приложение», затем выберите тип приложения «Бизнес».
 
 
[[File:FacebookStep1_2.png|700px]]
 
 
Введите все необходимые данные для вашего приложения и нажмите «Создать приложение».
 
 
[[File:FacebookStep1_3.png|700px]]
 
 
Ваше приложение будет создано, и вы будете перенаправлены на страницу настройки приложения.

Выберите Messenger и нажмите кнопку «Настроить», чтобы продолжить. Вы будете перенаправлены на страницу настроек.
 
 
[[File:FacebookStep1_4.png|700px]]
 
 

== Шаг 2 ==

Сведения о странице.

Свяжите страницу с приложением и сгенерируйте токен доступа к странице в разделе «Создание токена». Если у вас нет страницы, вы можете создать страницу Facebook здесь - https://www.facebook.com/pages/create .
 
 
[[File:FacebookStep2.png|700px]]
 
 
 
 
[[File:FacebookStep2_2.png|700px]]
 
 
Выберите вашего бота, в левой панели выберите пункт '''Интеграции'''. Далее выберите Messenger.
 
 
[[File:FacebookStep2_6.png|700px]]
 
 
Выберите Шаг 2 и введите этот токен доступа в поле Page Access Token(Токен доступа к странице).
 
 
[[File:FacebookStep2_7.png]] [[File:FacebookStep2_8.png|500px]]
 
 
Перейдите в меню «Основные настройки», затем выберите «Основные настройки», запишите App ID(идентификатор приложения)
и App Secret.
 
 
[[File:FacebookStep2_3.png|700px]]
 
 
Введите их в соответствующие поля на Шаге 2 вашего бота.
 
 
[[File:FacebookStep2_9.png]] [[File:FacebookStep2_10.png]]
 
 
Из своей учетной записи Facebook перейдите на страницу Facebook, которую вы выбрали выше. Найдите меню '''About'''.
 
 
[[File:FacebookStep2_4.png|700px]]
 
 
 
 
[[File:FacebookStep5.png|700px]]
 
 
Скопируйте Page ID и введите их в соответствующие поля на Шаге 2 вашего бота.
 
 
[[File:FacebookStep2_11.png]]
 
 

== Шаг 3 ==

Настройка вебхука.

Нажмите переключатель в правом верхнем углу, чтобы активировать канал. После активации канала интеграция с веб-перехватчиком включается автоматически.
 
 
[[File:FacebookStep3.png|700px]]
 
 
Перейдите в меню «Настройки мессенджера» и прокрутите вниз до раздела '''Webhooks section'''.
В разделе '''Webhooks section''' выберите страницу, которую вы использовали для создания токена страницы, и нажмите '''Add subscriptions'''.
Проверьте следующие поля подписки: messages, messages_postbacks, message_deliveries, message_reads.

Сохраните изменения
 
 
[[File:FacebookStep3_2.png|700px]]
 
 
 
 
[[File:Facebook3_3.png|700px]]
 
 

== Шаг 4 ==

Отправьте приложение Facebook на утверждение.
 
 
[[File:FacebookStep4.png|700px]]
 
 
После утверждения вы можете включить канал Facebook Messenger для своего бота.
Для получения дополнительной информации о том, как отправить приложение, посетите https://developers.facebook.com/docs/messenger-platform/app-review#submission .

Main Page/ru

2022-06-27T13:20:05Z

Slavinsky:

{|
|
'''Lang:'''
|
[[Main Page|en]]
|}
QuBot - это набор инструментов по созданию чат-ботов и виртуальных помощников.
----
; Настройка и программирование:
* [[Qubot Customizing/ru]]
* [[Qubot Google Sheets Setup|Подключение Google таблиц к боту]]
* [[Qubot Script]]
;[[:Category:Integrations|Интеграция]]:
* [[How to add a chatbot to your website|Установка чат-бота на собственный сайт]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration/ru|Facebook ]]
* [[Qubot Telegram Integration/ru|Telegram ]]
* [[Qubot Viber Integration/ru |Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration|Whatsapp]]
----
* [[FAQ|Список часто задаваемых вопросов и ответов]]

[[Category:Qubot|*]]
[[Category:ru]]

Main Page

2022-06-27T13:17:52Z

Slavinsky:

QuBot is a set of tools for creating chatbots and virtual assistants.
----
; Setup and programming:
* [[Qubot Customizing]]
* [[Qubot Google Sheets Setup]]
* [[Qubot Script]]
;[[:Category:Integrations|Integrations]]:
* [[How to add a chatbot to your website]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration|Facebook ]]
* [[Qubot Telegram Integration|Telegram]]
* [[Qubot Viber Integration|Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration|Whatsapp]]
* [[Qubot Whatsapp Integration En|Whatsapp En]]
----
* [[FAQ]]

[[Category:Qubot|*]]

Qubot Facebook Integration

2022-06-27T13:16:37Z

Slavinsky: Removed redirect to Qubot Facebook Integration/ru

[[Category:Qubot]]
[[Category:Integrations|F]]

{{TOCright}}
== Connecting a bot to Facebook ==

To set up Facebook Messenger as a channel, developers will need to create an app on Facebook, enable webhook integration for the platform to send and receive messages, and subscribe the app to a Facebook page.
== Step 1 ==

Create an App.

Login to the Facebook developer portal(https://developers.facebook.com/) and go to My Apps.
 
 
[[File:FacebookStep1.png|700px]]
 
 
Click the Create App button, then select an app type Business.
 
 
[[File:FacebookStep1_2.png|700px]]
 
 
Enter all the relevant details for your app and click Create App.
 
 
[[File:FacebookStep1_3.png|700px]]
 
 
Your App will be created and you will be redirected to the App setup page.

Choose Messenger and click the Set up button to continue. You will be redirected to the Settings page.
 
 
[[File:FacebookStep1_4.png|700px]]
 
 

== Step 2 ==

Get Page Details.

Associate a page with the app and generate the Page Access Token from the Token Generation section. If you do not have a page, you can create a Facebook page here - https://www.facebook.com/pages/create .
 
 
[[File:FacebookStep2.png|700px]]
 
 
 
 
[[File:FacebookStep2_2.png|700px]]
 
 
Select your bot, in the left pane select Integrations. Next, select Messenger.
 
 
[[File:FacebookStep2_6.png|700px]]
 
 
Select Step 2 and enter your access token in the field.
 
 
[[File:FacebookStep2_7.png]] [[File:FacebookStep2_8.png|500px]]
 
 
Navigate to the Main Settings menu then select Basic Settings, capture the App ID and App Secret and enter it below.
 
 
[[File:FacebookStep2_3.png|700px]]
 
 
Enter them into the appropriate fields in Step 2 of your bot.
 
 
[[File:FacebookStep2_9.png]] [[File:FacebookStep2_10.png]]
 
 
From your Facebook account, navigate to the Facebook page you have selected above. Locate the About menu.
 
 
[[File:FacebookStep2_4.png|700px]]
 
 
 
 
[[File:FacebookStep5.png|700px]]
 
 
Copy Page ID and enter it below and enter them into the appropriate fields in Step 2 of your bot.
 
 
[[File:FacebookStep2_11.png]]
 
 

== Step 3 ==

Setup Webhook.

Enable this channel to start the webhook setup process. Click the switch in the top right to activate the channel. Once the channel is activated, the webhook integration is enabled automatically.
 
 
[[File:FacebookStep3.png|700px]]
 
 
Navigate to the Messenger Settings menu and scroll down to the Webhooks section. Under the Webhooks section, select the page you have used to generate the page token and click on Add subscriptions. Check the following subscription fields: messages, messaging_postbacks, message_deliveries, message_reads.

Save the changes.
 
 
[[File:FacebookStep3_2.png|700px]]
 
 
 
 
[[File:Facebook3_3.png|700px]]
 
 

== Step 4 ==

Submit the Facebook app for approval.
 
 
[[File:FacebookStep4.png|700px]]
 
 
Once approved, you can enable the Facebook Messenger channel for your bot. For more info on how to submit the app, visit here - https://developers.facebook.com/docs/messenger-platform/app-review#submission .

Qubot Facebook Integration En

2022-06-27T13:16:21Z

Slavinsky: Protected "Qubot Facebook Integration En" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

Qubot Facebook Integration/ru

2022-06-27T13:14:53Z

Slavinsky: Slavinsky moved page Qubot Facebook Integration to Qubot Facebook Integration/ru: localization

[[Category:Qubot]]
[[Category:Integrations|F]]

{{TOCright}}
== Подключение бота в Facebook ==

Чтобы настроить Facebook Messenger в качестве канала, вам потребуется создать приложение на Facebook, 
включить интеграцию веб-перехватчиков для платформы для отправки и получения сообщений, 
а также подписаться на приложение на странице Facebook. 
== Шаг 1 ==

Создайте приложение.

Войдите на портал разработчиков Facebook https://developers.facebook.com/ и перейдите в раздел «Мои приложения».
 
 
[[File:FacebookStep1.png|700px]]
 
 
Нажмите кнопку «Создать приложение», затем выберите тип приложения «Бизнес».
 
 
[[File:FacebookStep1_2.png|700px]]
 
 
Введите все необходимые данные для вашего приложения и нажмите «Создать приложение».
 
 
[[File:FacebookStep1_3.png|700px]]
 
 
Ваше приложение будет создано, и вы будете перенаправлены на страницу настройки приложения.

Выберите Messenger и нажмите кнопку «Настроить», чтобы продолжить. Вы будете перенаправлены на страницу настроек.
 
 
[[File:FacebookStep1_4.png|700px]]
 
 

== Шаг 2 ==

Сведения о странице.

Свяжите страницу с приложением и сгенерируйте токен доступа к странице в разделе «Создание токена». Если у вас нет страницы, вы можете создать страницу Facebook здесь - https://www.facebook.com/pages/create .
 
 
[[File:FacebookStep2.png|700px]]
 
 
 
 
[[File:FacebookStep2_2.png|700px]]
 
 
Выберите вашего бота, в левой панели выберите пункт '''Интеграции'''. Далее выберите Messenger.
 
 
[[File:FacebookStep2_6.png|700px]]
 
 
Выберите Шаг 2 и введите этот токен доступа в поле Page Access Token(Токен доступа к странице).
 
 
[[File:FacebookStep2_7.png]] [[File:FacebookStep2_8.png|500px]]
 
 
Перейдите в меню «Основные настройки», затем выберите «Основные настройки», запишите App ID(идентификатор приложения)
и App Secret.
 
 
[[File:FacebookStep2_3.png|700px]]
 
 
Введите их в соответствующие поля на Шаге 2 вашего бота.
 
 
[[File:FacebookStep2_9.png]] [[File:FacebookStep2_10.png]]
 
 
Из своей учетной записи Facebook перейдите на страницу Facebook, которую вы выбрали выше. Найдите меню '''About'''.
 
 
[[File:FacebookStep2_4.png|700px]]
 
 
 
 
[[File:FacebookStep5.png|700px]]
 
 
Скопируйте Page ID и введите их в соответствующие поля на Шаге 2 вашего бота.
 
 
[[File:FacebookStep2_11.png]]
 
 

== Шаг 3 ==

Настройка вебхука.

Нажмите переключатель в правом верхнем углу, чтобы активировать канал. После активации канала интеграция с веб-перехватчиком включается автоматически.
 
 
[[File:FacebookStep3.png|700px]]
 
 
Перейдите в меню «Настройки мессенджера» и прокрутите вниз до раздела '''Webhooks section'''.
В разделе '''Webhooks section''' выберите страницу, которую вы использовали для создания токена страницы, и нажмите '''Add subscriptions'''.
Проверьте следующие поля подписки: messages, messages_postbacks, message_deliveries, message_reads.

Сохраните изменения
 
 
[[File:FacebookStep3_2.png|700px]]
 
 
 
 
[[File:Facebook3_3.png|700px]]
 
 

== Шаг 4 ==

Отправьте приложение Facebook на утверждение.
 
 
[[File:FacebookStep4.png|700px]]
 
 
После утверждения вы можете включить канал Facebook Messenger для своего бота.
Для получения дополнительной информации о том, как отправить приложение, посетите https://developers.facebook.com/docs/messenger-platform/app-review#submission .

Qubot Facebook Integration

2022-06-27T13:14:53Z

Slavinsky: Slavinsky moved page Qubot Facebook Integration to Qubot Facebook Integration/ru: localization

#REDIRECT [[Qubot Facebook Integration/ru]]

Qubot Viber Integration/ru

2022-06-27T10:35:26Z

Slavinsky:

[[Category:Qubot]]
[[Category:Integrations|V]] [[Category:ru]]

{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
[[Qubot_Viber_Integration|en]]
|}


{{TOCright}}
== Подключение бота в Viber ==

Для подключения бота следуйте шагам описанным ниже:
== Шаг 1 ==

Загрузите официальное приложение Viber для своего телефона: https://www.viber.com/download
== Шаг 2 ==

Создайте аккаунт Viber: https://account.viber.com/en/create-account
 
 
[[File:ViberStep2.png|700px]]
 
 

== Шаг 3 ==

Войдите в админ панель Viber. 
Перейдите на https://partners.viber.com и введите свой номер телефона.
 
 
[[File:ViberStep3.png|700px]]
 
 
Вам придет сообщение Viber с кодом, который нужно ввести в поле ввода.

== Шаг 4 ==

Создайте учетную запись бота.

Заполните следующую форму, примите Условия и положения, а затем нажмите '''«Создать учетную запись бота»'''. 
Это новый аккаунт Viber, привязанный к вашему номеру телефона (как администратора), в котором будет работать бот.
 
 
[[File:ViberStep4.png|700px]]
 
 

== Шаг 5 ==

После создания учетной записи вы получите приватный токен.
 
 
[[File:ViberStep5.png|700px]]
 
 
Выберите вашего бота, в левой панели выберите пункт '''Интеграции'''. Далее выберите Viber. 
 
 
[[File:ViberStep5_2.png|700px]]
 
 
Выберите Шаг 5 и введите в поле токен.
 
 
[[File:ViberStep5_3.png|700px]]
 
 

== Шаг 6 ==

Viber позволяет настроить приветственное сообщение для вашего профиля бота, которое отображается пользователям при первом взаимодействии с вашим ботом. 
Выберите вашего бота, в левой панели выберите пункт '''Интеграции'''. Далее выберите Viber. 
 
 
[[File:ViberStep5_2.png|700px]]
 
 
Выберите Шаг 6 и введите в поле сообщение.
 
 
[[File:ViberStep6.png|700px]]

Qubot Customizing/ru

2022-06-27T10:32:29Z

Slavinsky: /* Страница(для теста) */

{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
|
[[Qubot Customizing|en]]
|}


{{TOCright}}
== Настройка внешнего вида бота ==

Выберите вашего бота, в левой панели выберите пункт '''Настройки'''.
 
 
[[File:SetupBot.png]]

Доступны следующие параметры:

== Иконки ==

'''Лого''' - иконка, которая отображается в списке ботов и кнопке запуска бота.
 
 
[[File:LogoBot.png]]
 
[[File:BotStartButton.png]]
 
 
'''Агент''' - иконка, которая отображается в каждом сообщении бота.
 
 
[[File:agent.png]]
 
[[File:agentIcon.png]]
 
 
'''Человек''' - иконка, которая отображается в каждом сообщении пользователя.
 
 
[[File:human.png]]
 
[[File:humanIcon.png]]
 

== Надписи ==

'''Имя бота''' - название бота, отображается в верхнем левом углу.

'''Имя агента''' - название бота, от которого будут приходить сообщения.

'''Инфо текст''' - текст, который определенную информацию для пользователя, отображается в верхней части бота рядом с названием бота.
 
 
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]
 

== Размер и расположение ==

'''Размер''' - выбор готового размера окна бота: '''''обычный''''', '''''большой''''' и '''''огромный'''''. Для задания своих размеров выберите '''''пользовательский''''' и в полях '''''ширина''''' '''''высота''''' укажите желаемые размеры.
 
 
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]
 
 

'''Расположение''' - выберите угол для расположения вашего бота. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.
 
 
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]
 
 

== Стили ==
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.
 
 
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]
 
 

== Пользовательские ==
Здесь вы можете настроить свой вид бота.

Доступны следующие параметры:

== Окно ==

'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.
 
 
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]
 

== Заголовок ==
Здесь вы можете отредактировать заголовок окна бота

'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.

'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Радиус''' - степень округленности верхних правого и левого углов окна бота.

'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.

'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.
 
 
[[File:HeaderSetup.png|400px]] [[File:Header.png]]
 

== Тело бота ==
Здесь вы можете отредактировать область переписки бота

'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.

'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.

'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.

'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.

'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.

'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.
 
 
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]
 

== Агент ==
Здесь вы можете отредактировать сообщения агента в чате.

'''Заполнение''' - фон сообщения агента. Параметр задает цвет.

'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Иконка''' - размер иконки агента.
 
 
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]
 

== Человек ==
Здесь вы можете отредактировать сообщения пользователя в чате.

'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.

'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Иконка''' - размер иконки пользователя.
 
 
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]
 

== Кнопки ==
Здесь вы можете отредактировать кнопки в чате.

'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.

'''Радиус''' - степень округленности углов кнопок.

'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.

'''Высота''' - высота кнопки.

'''Внешние отступы''' - отступы кнопки от остального контента.
 
 
[[File:ButtonSetup.png|400px]] [[File:Button.png]]
 

== Низ ==
Здесь вы можете отредактировать нижний колонтитул бота.

'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.

'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.

'''Высота''' - высота нижней части бота.

'''Радиус''' - степень округленности углов нижней части бота.

'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.
 
 
[[File:FooterSetup.png|400px]] [[File:Footer.png]]
 

== Поле ввода ==
Здесь вы можете отредактировать поле ввода.

'''Радиус''' - степень округленности углов поля ввода.

'''Высота''' - высота поля ввода.

'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.

'''Заполнение''' - фон поля ввода.

'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю

'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.
 
 
[[File:InputSetup.png|400px]] [[File:Input.png]]
 

== Кнопка открытия окна чата ==
Здесь вы можете отредактировать кнопку запуска бота.

'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.

'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.
 
 
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]
 

== Страница(для теста) ==

'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).

[[Category:Qubot]]
[[Category:ru]]

Main Page/ru

2022-06-27T10:32:03Z

Slavinsky: Category:ru

{|
|
'''Lang:'''
|
[[Main Page|en]]
|}
QuBot - это набор инструментов по созданию чат-ботов и виртуальных помощников.
----
; Настройка и программирование:
* [[Qubot Customizing/ru]]
* [[Qubot Google Sheets Setup|Подключение Google таблиц к боту]]
* [[Qubot Script]]
;[[:Category:Integrations|Интеграция]]:
* [[How to add a chatbot to your website|Установка чат-бота на собственный сайт]]
* [[How to integrate WordPress plugin to website|WordPress plugin]]
* [[Qubot Facebook Integration|Facebook ]]
* [[Qubot Telegram Integration/ru|Telegram ]]
* [[Qubot Viber Integration/ru|Viber ]]
* [[Qubot LiveChat Integration|LiveChat]]
* [[Qubot Whatsapp Integration|Whatsapp]]
----
* [[FAQ|Список часто задаваемых вопросов и ответов]]

[[Category:Qubot|*]]
[[Category:ru]]

Qubot Customizing/ru

2022-06-27T10:29:02Z

Slavinsky:

Qubot Customizing/ru

2022-06-27T10:28:18Z

Slavinsky:

{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
|
[[Qubot Telegram Integration|en]]
|}


{{TOCright}}
== Настройка внешнего вида бота ==

Выберите вашего бота, в левой панели выберите пункт '''Настройки'''.
 
 
[[File:SetupBot.png]]

Доступны следующие параметры:

== Иконки ==

'''Лого''' - иконка, которая отображается в списке ботов и кнопке запуска бота.
 
 
[[File:LogoBot.png]]
 
[[File:BotStartButton.png]]
 
 
'''Агент''' - иконка, которая отображается в каждом сообщении бота.
 
 
[[File:agent.png]]
 
[[File:agentIcon.png]]
 
 
'''Человек''' - иконка, которая отображается в каждом сообщении пользователя.
 
 
[[File:human.png]]
 
[[File:humanIcon.png]]
 

== Надписи ==

'''Имя бота''' - название бота, отображается в верхнем левом углу.

'''Имя агента''' - название бота, от которого будут приходить сообщения.

'''Инфо текст''' - текст, который определенную информацию для пользователя, отображается в верхней части бота рядом с названием бота.
 
 
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]
 

== Размер и расположение ==

'''Размер''' - выбор готового размера окна бота: '''''обычный''''', '''''большой''''' и '''''огромный'''''. Для задания своих размеров выберите '''''пользовательский''''' и в полях '''''ширина''''' '''''высота''''' укажите желаемые размеры.
 
 
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]
 
 

'''Расположение''' - выберите угол для расположения вашего бота. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.
 
 
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]
 
 

== Стили ==
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.
 
 
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]
 
 

== Пользовательские ==
Здесь вы можете настроить свой вид бота.

Доступны следующие параметры:

== Окно ==

'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.
 
 
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]
 

== Заголовок ==
Здесь вы можете отредактировать заголовок окна бота

'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.

'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Радиус''' - степень округленности верхних правого и левого углов окна бота.

'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.

'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.
 
 
[[File:HeaderSetup.png|400px]] [[File:Header.png]]
 

== Тело бота ==
Здесь вы можете отредактировать область переписки бота

'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.

'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.

'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.

'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.

'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.

'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.
 
 
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]
 

== Агент ==
Здесь вы можете отредактировать сообщения агента в чате.

'''Заполнение''' - фон сообщения агента. Параметр задает цвет.

'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Иконка''' - размер иконки агента.
 
 
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]
 

== Человек ==
Здесь вы можете отредактировать сообщения пользователя в чате.

'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.

'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Иконка''' - размер иконки пользователя.
 
 
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]
 

== Кнопки ==
Здесь вы можете отредактировать кнопки в чате.

'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.

'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.

'''Радиус''' - степень округленности углов кнопок.

'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.

'''Высота''' - высота кнопки.

'''Внешние отступы''' - отступы кнопки от остального контента.
 
 
[[File:ButtonSetup.png|400px]] [[File:Button.png]]
 

== Низ ==
Здесь вы можете отредактировать нижний колонтитул бота.

'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.

'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.

'''Высота''' - высота нижней части бота.

'''Радиус''' - степень округленности углов нижней части бота.

'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.
 
 
[[File:FooterSetup.png|400px]] [[File:Footer.png]]
 

== Поле ввода ==
Здесь вы можете отредактировать поле ввода.

'''Радиус''' - степень округленности углов поля ввода.

'''Высота''' - высота поля ввода.

'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.

'''Заполнение''' - фон поля ввода.

'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.

'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю

'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.
 
 
[[File:InputSetup.png|400px]] [[File:Input.png]]
 

== Кнопка открытия окна чата ==
Здесь вы можете отредактировать кнопку запуска бота.

'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.

'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.
 
 
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]
 

== Страница(для теста) ==

'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).

[[Category:Qubot]]

Qubot Telegram Integration/ru

2022-06-27T10:26:42Z

Slavinsky:

[[Category:Qubot]] [[Category:Integrations|T]]
{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
|
[[Qubot Telegram Integration|en]]
|}


{{TOCright}}
== Подключение бота в Telegram ==

Для подключения бота следуйте шагам описанным ниже:
== Шаг 1 ==

Войдите в свою учетную запись Telegram.

https://web.telegram.org

Если у вас нет учетной записи Telegram, зарегистрируйтесь на https://web.telegram.org.
 
 
[[File:TelegramStep1.png|700px]]
 
 

== Шаг 2 ==

После входа в систему найдите @BotFather в разделе «Поиск», как показано ниже. Выберите бота BotFather и введите /start (или нажмите кнопку «СТАРТ»). Если @BotFather уже есть среди ваших контактов, вы можете сразу перейти к шагу 3.
 
 
[[File:TelegramStep2.png|700px]]
 
 
'''Доступны следующие команды:'''
<ul>
<li>/newbot - создать нового бота</li>
<li>/mybots - редактировать своих ботов [бета]</li>
</ul>
'''Редактировать ботов:'''
<ul>
<li>/setname - изменить имя бота</li>
<li>/setdescription - изменить описание бота</li>
<li>/setabouttext - изменить информацию о боте</li>
<li>/setuserpic - изменить фото профиля бота</li>
<li>/setcommands - изменить список команд</li>
<li>/deletebot - удалить бота</li>
</ul>
'''Настройки бота:'''
<ul>
<li>/token - создать токен авторизации</li>
<li>/revoke - отозвать токен доступа к боту</li>
<li>/setinline - переключить встроенный режим</li>
<li>/setinlinegeo — включить встроенные запросы местоположения</li>
<li>/setinlinefeedback — изменить настройки встроенной обратной связи</li>
<li>/setjoingroups — можно ли добавить вашего бота в группы?</li>
<li>/setprivacy - включить режим приватности в группах</li>
</ul>
'''Игры:'''
<ul>
<li>/mygames - редактировать свои игры [бета]</li>
<li>/newgame - создать новую игру</li>
<li>/listgames - получить список ваших игр</li>
<li>/editgame - редактировать игру</li>
<li>/deletegame - удалить существующую игру</li>
</ul>

== Шаг 3 ==

Создайте бота:

Отправьте /newbot BotFather и введите имя нового бота, который будет создан. 
Укажите имя пользователя, оканчивающееся на bot, например. Sample_bot или SampleBot. 
Скопируйте токен доступа из сообщения подтверждения Telegram. 
 
 
[[File:TelegramStep3.png|700px]]
 
 

== Шаг 4 ==

Выберите вашего бота, в левой панели выберите пункт '''Интеграции'''. Далее выберите Telegram. Проверьте, что бы Telegram был активирован(синий ползунок).
 
 
[[File:TelegramStep4.png|700px]]
 
 
Выберите Шаг 4 и введите в поле токен доступа. Вот и все шаги по настройке канала.
 
 
[[File:TelegramStep4_2.png|700px]]

== см. также ==
;Youtube:[https://www.youtube.com/watch?v=aM8Ny2V6HK0 How to connect your bot to Telegram in 1 minute]

Qubot Viber Integration/ru

2022-06-27T10:25:21Z

Slavinsky:

[[Category:Qubot]]
[[Category:Integrations|V]]

{|style="float:right; margin-left:0.8em; clear:right;"
|+[[Main_Page/ru|В начало]]
|
'''Lang:'''
|
[[Qubot_Viber_Integration|en]]
|}


{{TOCright}}
== Подключение бота в Viber ==

Для подключения бота следуйте шагам описанным ниже:
== Шаг 1 ==

Загрузите официальное приложение Viber для своего телефона: https://www.viber.com/download
== Шаг 2 ==

Создайте аккаунт Viber: https://account.viber.com/en/create-account
 
 
[[File:ViberStep2.png|700px]]
 
 

== Шаг 3 ==

Войдите в админ панель Viber. 
Перейдите на https://partners.viber.com и введите свой номер телефона.
 
 
[[File:ViberStep3.png|700px]]
 
 
Вам придет сообщение Viber с кодом, который нужно ввести в поле ввода.

== Шаг 4 ==

Создайте учетную запись бота.

Заполните следующую форму, примите Условия и положения, а затем нажмите '''«Создать учетную запись бота»'''. 
Это новый аккаунт Viber, привязанный к вашему номеру телефона (как администратора), в котором будет работать бот.
 
 
[[File:ViberStep4.png|700px]]
 
 

== Шаг 5 ==

После создания учетной записи вы получите приватный токен.
 
 
[[File:ViberStep5.png|700px]]
 
 
Выберите вашего бота, в левой панели выберите пункт '''Интеграции'''. Далее выберите Viber. 
 
 
[[File:ViberStep5_2.png|700px]]
 
 
Выберите Шаг 5 и введите в поле токен.
 
 
[[File:ViberStep5_3.png|700px]]
 
 

== Шаг 6 ==

Viber позволяет настроить приветственное сообщение для вашего профиля бота, которое отображается пользователям при первом взаимодействии с вашим ботом. 
Выберите вашего бота, в левой панели выберите пункт '''Интеграции'''. Далее выберите Viber. 
 
 
[[File:ViberStep5_2.png|700px]]
 
 
Выберите Шаг 6 и введите в поле сообщение.
 
 
[[File:ViberStep6.png|700px]]