https://wiki.qudata.com//api.php?action=feedcontributions&feedformat=atom&user=MlipaQuData - User contributions [en]2026-04-12T13:42:05ZUser contributionsMediaWiki 1.34.1https://wiki.qudata.com//index.php?title=Principles_of_bot_design&diff=676Principles of bot design2022-06-29T13:25:39Z<p>Mlipa: </p>
<hr />
<div>== Principles of bot design ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
== Building a bot ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
== The chatbot's first user interaction ==<br />
<br />
'''First impressions matter'''<br />
<br />
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.<br />
<br />
== Language versus menus ==<br />
<br />
'''Consider the following two designs:'''<br />
<br />
'''''Design 1'''''<br />
<br><br />
[[File:V1.jpg|400px]]<br />
<br />
<br />
'''''Design 2'''''<br />
<br><br />
[[File:V2.jpg|400px]]<br />
<br />
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?<br />
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.<br />
<br />
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.<br />
<br />
== Rich user controls ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
== Use Custom Error Message ==<br />
<br />
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.</div>Mlipahttps://wiki.qudata.com//index.php?title=Principles_of_bot_design&diff=675Principles of bot design2022-06-29T13:23:08Z<p>Mlipa: </p>
<hr />
<div>== Principles of bot design ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
== Building a bot ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
== The chatbot's first user interaction ==<br />
<br />
'''First impressions matter'''<br />
<br />
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.<br />
<br />
== Language versus menus ==<br />
<br />
'''Consider the following two designs:'''<br />
<br />
Design 1<br />
<br><br />
[[File:V1.jpg|400px]]<br />
<br />
<br />
Design 2<br />
<br><br />
[[File:V2.jpg|400px]]<br />
<br />
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?<br />
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.<br />
<br />
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.<br />
<br />
== Rich user controls ==</div>Mlipahttps://wiki.qudata.com//index.php?title=Principles_of_bot_design&diff=674Principles of bot design2022-06-29T13:00:59Z<p>Mlipa: </p>
<hr />
<div>== Principles of bot design ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
== Building a bot ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
== The chatbot's first user interaction ==<br />
<br />
'''First impressions matter'''<br />
<br />
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.<br />
<br />
== Language versus menus ==<br />
<br />
'''Consider the following two designs:'''<br />
<br />
Design 1<br />
<br><br />
[[File:V1.jpg|400px]]<br />
<br />
<br />
Design 2<br />
<br><br />
[[File:V2.jpg|400px]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Principles_of_bot_design&diff=673Principles of bot design2022-06-29T12:59:05Z<p>Mlipa: </p>
<hr />
<div>== Principles of bot design ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
== Building a bot ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
== The chatbot's first user interaction ==<br />
<br />
'''First impressions matter'''<br />
<br />
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.<br />
<br />
== Language versus menus ==<br />
<br />
'''Consider the following two designs:'''<br />
<br><br />
Design 1<br />
[[File:V1.jpg]]<br />
<br />
<br><br />
Design 2<br />
[[File:V2.jpg]]</div>Mlipahttps://wiki.qudata.com//index.php?title=File:V2.jpg&diff=672File:V2.jpg2022-06-29T12:58:41Z<p>Mlipa: </p>
<hr />
<div></div>Mlipahttps://wiki.qudata.com//index.php?title=File:V1.jpg&diff=671File:V1.jpg2022-06-29T12:58:29Z<p>Mlipa: </p>
<hr />
<div></div>Mlipahttps://wiki.qudata.com//index.php?title=Principles_of_bot_design&diff=670Principles of bot design2022-06-29T12:56:47Z<p>Mlipa: </p>
<hr />
<div>== Principles of bot design ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
== Building a bot ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
== The chatbot's first user interaction ==<br />
<br />
'''First impressions matter'''<br />
<br />
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.<br />
<br />
== Language versus menus ==<br />
<br />
'''Consider the following two designs:'''</div>Mlipahttps://wiki.qudata.com//index.php?title=Principles_of_bot_design&diff=669Principles of bot design2022-06-29T12:19:17Z<p>Mlipa: </p>
<hr />
<div>== Principles of bot design ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
== Building a bot ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
== The chatbot's first user interaction ==<br />
<br />
'''First impressions matter'''<br />
<br />
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.<br />
<br />
== Language versus menus ==</div>Mlipahttps://wiki.qudata.com//index.php?title=Principles_of_bot_design&diff=668Principles of bot design2022-06-29T12:17:31Z<p>Mlipa: </p>
<hr />
<div>== Principles of bot design ==<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
== Building a bot ==<br />
<br />
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.<br />
<br />
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.</div>Mlipahttps://wiki.qudata.com//index.php?title=Main_Page&diff=667Main Page2022-06-29T11:47:53Z<p>Mlipa: </p>
<hr />
<div><span style="color:#005500">QuBot</span> is a set of tools for creating chatbots and virtual assistants.<br />
----<br />
* [[Getting Started: Creating Your First Bot_en]]<br />
; Setup and programming:<br />
* [[Qubot Customizing]]<br />
* [[Qubot Google Sheets Setup]]<br />
* [[Principles of bot design]]<br />
* [[Qubot Script]]<br />
;<u>[[:Category:Integrations|Integrations]]</u>:<br />
* [[Channels]]<br />
* [[How to add a chatbot to your website]]<br />
* [[How to integrate WordPress plugin to website|WordPress plugin]]<br />
* [[Qubot Facebook Integration|Facebook ]]<br />
* [[Qubot Telegram Integration|Telegram]]<br />
* [[Qubot Viber Integration|Viber ]]<br />
* [[Qubot LiveChat Integration|LiveChat]]<br />
* [[Qubot Whatsapp Integration|Whatsapp]]<br />
----<br />
* [[FAQ]]<br />
<!--<br />
<strong>MediaWiki успешно установлена.</strong><br />
<br />
Информацию по работе с этой вики можно найти в [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents справочном руководстве].<br />
<br />
== Некоторые полезные ресурсы ==<br />
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Список возможных настроек];<br />
* [https://www.mediawiki.org/wiki/Manual:FAQ/ru Часто задаваемые вопросы и ответы по MediaWiki];<br />
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce Рассылка уведомлений о выходе новых версий MediaWiki].<br />
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Перевод MediaWiki на свой язык]<br />
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Узнайте, как бороться со спамом в вашей вики]<br />
--><br />
[[Category:Qubot|*]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Principles_of_bot_design&diff=666Principles of bot design2022-06-29T11:46:50Z<p>Mlipa: Created page with "== Principles of bot design =="</p>
<hr />
<div>== Principles of bot design ==</div>Mlipahttps://wiki.qudata.com//index.php?title=Qubot_Customizing&diff=651Qubot Customizing2022-06-29T08:02:58Z<p>Mlipa: </p>
<hr />
<div><span id="qubot-customizing"></span><br />
{{TOCright}}<br />
== Webchat settings ==<br />
<br />
A guide to customizing your bot's appearance to match your brand's color scheme.<br />
<br />
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.<br />
<br />
It's easy to do. Select your bot, click '''Setup''' from the left panel.<br />
----<br />
<br><br />
<br><br />
[[File:SetupBot.png]]<br />
<br />
The following options are available:<br />
<br />
== Icons ==<br />
<br />
'''Logo''' - an icon that is displayed in the list of bots and the button to start the bot.<br />
<br><br />
<br><br />
[[File:LogoBot.png]]<br />
<br><br />
[[File:BotStartButton.png]]<br />
<br><br />
<br><br />
'''Agent''' - an icon that is displayed in every bot message.<br />
<br><br />
<br><br />
[[File:agent.png]]<br />
<br><br />
[[File:agentIcon.png]]<br />
<br><br />
<br><br />
'''Human''' - an icon that is displayed in each message of the user.<br />
<br><br />
<br><br />
[[File:human.png]]<br />
<br><br />
[[File:humanIcon.png]]<br />
<br><br />
<br />
== Texts ==<br />
<br />
'''Bot name''' - the bot's name is displayed in the upper left corner.<br />
<br />
'''Agent name''' - the name of the bot from which messages will be sent.<br />
<br />
'''Info text''' - text that provides specific information to the user is displayed at the top of the bot next to the bot's name.<br />
<br><br />
<br><br />
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]<br />
<br><br />
<br />
== Size and position ==<br />
<br />
'''Size''' - selecting a predefined bot window size: '''''normal''''', '''''long''''' and '''''huge'''''. To set custom dimensions, select '''''custom''''' and enter the desired dimensions in the '''''width''''' and '''''height''''' fields.<br />
<br><br />
<br><br />
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
'''Position''' - choose an angle to position your bot. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.<br />
<br><br />
<br><br />
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]<br />
<br><br />
<br><br />
<br />
== Стили ==<br />
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.<br />
<br><br />
<br><br />
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
== Пользовательские ==<br />
Здесь вы можете настроить свой вид бота.<br />
<br />
Доступны следующие параметры:<br />
<br />
== Окно ==<br />
<br />
'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.<br />
<br><br />
<br><br />
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]<br />
<br><br />
<br />
== Заголовок ==<br />
Здесь вы можете отредактировать заголовок окна бота<br />
<br />
'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.<br />
<br />
'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Радиус''' - степень округленности верхних правого и левого углов окна бота.<br />
<br />
'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.<br />
<br><br />
<br><br />
[[File:HeaderSetup.png|400px]] [[File:Header.png]]<br />
<br><br />
<br />
== Тело бота ==<br />
Здесь вы можете отредактировать область переписки бота<br />
<br />
'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.<br />
<br />
'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.<br />
<br />
'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.<br />
<br />
'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.<br />
<br><br />
<br><br />
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]<br />
<br><br />
<br />
== Агент ==<br />
Здесь вы можете отредактировать сообщения агента в чате.<br />
<br />
'''Заполнение''' - фон сообщения агента. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки агента.<br />
<br><br />
<br><br />
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]<br />
<br><br />
<br />
== Человек ==<br />
Здесь вы можете отредактировать сообщения пользователя в чате.<br />
<br />
'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки пользователя.<br />
<br><br />
<br><br />
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]<br />
<br><br />
<br />
== Кнопки ==<br />
Здесь вы можете отредактировать кнопки в чате.<br />
<br />
'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Радиус''' - степень округленности углов кнопок.<br />
<br />
'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.<br />
<br />
'''Высота''' - высота кнопки.<br />
<br />
'''Внешние отступы''' - отступы кнопки от остального контента.<br />
<br><br />
<br><br />
[[File:ButtonSetup.png|400px]] [[File:Button.png]]<br />
<br><br />
<br />
== Низ ==<br />
Здесь вы можете отредактировать нижний колонтитул бота.<br />
<br />
'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.<br />
<br />
'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Высота''' - высота нижней части бота.<br />
<br />
'''Радиус''' - степень округленности углов нижней части бота.<br />
<br />
'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.<br />
<br><br />
<br><br />
[[File:FooterSetup.png|400px]] [[File:Footer.png]]<br />
<br><br />
<br />
== Поле ввода ==<br />
Здесь вы можете отредактировать поле ввода.<br />
<br />
'''Радиус''' - степень округленности углов поля ввода.<br />
<br />
'''Высота''' - высота поля ввода.<br />
<br />
'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.<br />
<br />
'''Заполнение''' - фон поля ввода.<br />
<br />
'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю<br />
<br />
'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.<br />
<br><br />
<br><br />
[[File:InputSetup.png|400px]] [[File:Input.png]]<br />
<br><br />
<br />
== Кнопка открытия окна чата ==<br />
Здесь вы можете отредактировать кнопку запуска бота.<br />
<br />
'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.<br />
<br />
'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.<br />
<br><br />
<br><br />
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]<br />
<br><br />
<br />
== Страница(для теста) ==<br />
<br />
'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).<br />
<br />
[[Category:Qubot]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Qubot_Customizing&diff=650Qubot Customizing2022-06-29T08:00:39Z<p>Mlipa: </p>
<hr />
<div><span id="qubot-customizing"></span><br />
{{TOCright}}<br />
== Webchat settings ==<br />
<br />
A guide to customizing your bot's appearance to match your brand's color scheme.<br />
<br />
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.<br />
<br />
It's easy to do. Select your bot, click '''Setup''' from the left panel.<br />
----<br />
<br><br />
<br><br />
[[File:SetupBot.png]]<br />
<br />
The following options are available:<br />
<br />
== Icons ==<br />
<br />
'''Logo''' - an icon that is displayed in the list of bots and the button to start the bot.<br />
<br><br />
<br><br />
[[File:LogoBot.png]]<br />
<br><br />
[[File:BotStartButton.png]]<br />
<br><br />
<br><br />
'''Agent''' - an icon that is displayed in every bot message.<br />
<br><br />
<br><br />
[[File:agent.png]]<br />
<br><br />
[[File:agentIcon.png]]<br />
<br><br />
<br><br />
'''Human''' - an icon that is displayed in each message of the user.<br />
<br><br />
<br><br />
[[File:human.png]]<br />
<br><br />
[[File:humanIcon.png]]<br />
<br><br />
<br />
== Texts ==<br />
<br />
'''Bot name''' - the bot's name is displayed in the upper left corner.<br />
<br />
'''Agent name''' - the name of the bot from which messages will be sent.<br />
<br />
'''Info text''' - text that provides specific information to the user is displayed at the top of the bot next to the bot's name.<br />
<br><br />
<br><br />
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]<br />
<br><br />
<br />
== Size and position ==<br />
<br />
'''Size''' - selecting a predefined bot window size: '''''nornal''''', '''''long''''' and '''''huge'''''. To set custom dimensions, select '''''custom''''' and enter the desired dimensions in the '''''width''''' and '''''height''''' fields.<br />
<br><br />
<br><br />
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
'''Position''' - choose an angle to position your bot. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.<br />
<br><br />
<br><br />
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]<br />
<br><br />
<br><br />
<br />
== Стили ==<br />
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.<br />
<br><br />
<br><br />
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
== Пользовательские ==<br />
Здесь вы можете настроить свой вид бота.<br />
<br />
Доступны следующие параметры:<br />
<br />
== Окно ==<br />
<br />
'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.<br />
<br><br />
<br><br />
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]<br />
<br><br />
<br />
== Заголовок ==<br />
Здесь вы можете отредактировать заголовок окна бота<br />
<br />
'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.<br />
<br />
'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Радиус''' - степень округленности верхних правого и левого углов окна бота.<br />
<br />
'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.<br />
<br><br />
<br><br />
[[File:HeaderSetup.png|400px]] [[File:Header.png]]<br />
<br><br />
<br />
== Тело бота ==<br />
Здесь вы можете отредактировать область переписки бота<br />
<br />
'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.<br />
<br />
'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.<br />
<br />
'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.<br />
<br />
'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.<br />
<br><br />
<br><br />
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]<br />
<br><br />
<br />
== Агент ==<br />
Здесь вы можете отредактировать сообщения агента в чате.<br />
<br />
'''Заполнение''' - фон сообщения агента. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки агента.<br />
<br><br />
<br><br />
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]<br />
<br><br />
<br />
== Человек ==<br />
Здесь вы можете отредактировать сообщения пользователя в чате.<br />
<br />
'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки пользователя.<br />
<br><br />
<br><br />
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]<br />
<br><br />
<br />
== Кнопки ==<br />
Здесь вы можете отредактировать кнопки в чате.<br />
<br />
'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Радиус''' - степень округленности углов кнопок.<br />
<br />
'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.<br />
<br />
'''Высота''' - высота кнопки.<br />
<br />
'''Внешние отступы''' - отступы кнопки от остального контента.<br />
<br><br />
<br><br />
[[File:ButtonSetup.png|400px]] [[File:Button.png]]<br />
<br><br />
<br />
== Низ ==<br />
Здесь вы можете отредактировать нижний колонтитул бота.<br />
<br />
'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.<br />
<br />
'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Высота''' - высота нижней части бота.<br />
<br />
'''Радиус''' - степень округленности углов нижней части бота.<br />
<br />
'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.<br />
<br><br />
<br><br />
[[File:FooterSetup.png|400px]] [[File:Footer.png]]<br />
<br><br />
<br />
== Поле ввода ==<br />
Здесь вы можете отредактировать поле ввода.<br />
<br />
'''Радиус''' - степень округленности углов поля ввода.<br />
<br />
'''Высота''' - высота поля ввода.<br />
<br />
'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.<br />
<br />
'''Заполнение''' - фон поля ввода.<br />
<br />
'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю<br />
<br />
'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.<br />
<br><br />
<br><br />
[[File:InputSetup.png|400px]] [[File:Input.png]]<br />
<br><br />
<br />
== Кнопка открытия окна чата ==<br />
Здесь вы можете отредактировать кнопку запуска бота.<br />
<br />
'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.<br />
<br />
'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.<br />
<br><br />
<br><br />
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]<br />
<br><br />
<br />
== Страница(для теста) ==<br />
<br />
'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).<br />
<br />
[[Category:Qubot]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Qubot_Customizing&diff=642Qubot Customizing2022-06-28T14:44:05Z<p>Mlipa: </p>
<hr />
<div><span id="qubot-customizing"></span><br />
{{TOCright}}<br />
== Webchat settings ==<br />
<br />
A guide to customizing your bot's appearance to match your brand's color scheme.<br />
<br />
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.<br />
<br />
It's easy to do. Select your bot, click '''Setup''' from the left panel.<br />
<br />
<br><br />
<br><br />
[[File:SetupBot.png]]<br />
<br />
The following options are available:<br />
<br />
== Icons ==<br />
<br />
'''Logo''' - an icon that is displayed in the list of bots and the button to start the bot.<br />
<br><br />
<br><br />
[[File:LogoBot.png]]<br />
<br><br />
[[File:BotStartButton.png]]<br />
<br><br />
<br><br />
'''Agent''' - an icon that is displayed in every bot message.<br />
<br><br />
<br><br />
[[File:agent.png]]<br />
<br><br />
[[File:agentIcon.png]]<br />
<br><br />
<br><br />
'''Human''' - an icon that is displayed in each message of the user.<br />
<br><br />
<br><br />
[[File:human.png]]<br />
<br><br />
[[File:humanIcon.png]]<br />
<br><br />
<br />
== Texts ==<br />
<br />
'''Bot name''' - the bot's name is displayed in the upper left corner.<br />
<br />
'''Agent name''' - the name of the bot from which messages will be sent.<br />
<br />
'''Info text''' - text that provides specific information to the user is displayed at the top of the bot next to the bot's name.<br />
<br><br />
<br><br />
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]<br />
<br><br />
<br />
== Size and position ==<br />
<br />
'''Size''' - выбор готового размера окна бота: '''''обычный''''', '''''большой''''' и '''''огромный'''''. Для задания своих размеров выберите '''''пользовательский''''' и в полях '''''ширина''''' '''''высота''''' укажите желаемые размеры.<br />
<br><br />
<br><br />
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
'''Position''' - выберите угол для расположения вашего бота. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.<br />
<br><br />
<br><br />
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]<br />
<br><br />
<br><br />
<br />
== Стили ==<br />
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.<br />
<br><br />
<br><br />
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
== Пользовательские ==<br />
Здесь вы можете настроить свой вид бота.<br />
<br />
Доступны следующие параметры:<br />
<br />
== Окно ==<br />
<br />
'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.<br />
<br><br />
<br><br />
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]<br />
<br><br />
<br />
== Заголовок ==<br />
Здесь вы можете отредактировать заголовок окна бота<br />
<br />
'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.<br />
<br />
'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Радиус''' - степень округленности верхних правого и левого углов окна бота.<br />
<br />
'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.<br />
<br><br />
<br><br />
[[File:HeaderSetup.png|400px]] [[File:Header.png]]<br />
<br><br />
<br />
== Тело бота ==<br />
Здесь вы можете отредактировать область переписки бота<br />
<br />
'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.<br />
<br />
'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.<br />
<br />
'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.<br />
<br />
'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.<br />
<br><br />
<br><br />
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]<br />
<br><br />
<br />
== Агент ==<br />
Здесь вы можете отредактировать сообщения агента в чате.<br />
<br />
'''Заполнение''' - фон сообщения агента. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки агента.<br />
<br><br />
<br><br />
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]<br />
<br><br />
<br />
== Человек ==<br />
Здесь вы можете отредактировать сообщения пользователя в чате.<br />
<br />
'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки пользователя.<br />
<br><br />
<br><br />
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]<br />
<br><br />
<br />
== Кнопки ==<br />
Здесь вы можете отредактировать кнопки в чате.<br />
<br />
'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Радиус''' - степень округленности углов кнопок.<br />
<br />
'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.<br />
<br />
'''Высота''' - высота кнопки.<br />
<br />
'''Внешние отступы''' - отступы кнопки от остального контента.<br />
<br><br />
<br><br />
[[File:ButtonSetup.png|400px]] [[File:Button.png]]<br />
<br><br />
<br />
== Низ ==<br />
Здесь вы можете отредактировать нижний колонтитул бота.<br />
<br />
'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.<br />
<br />
'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Высота''' - высота нижней части бота.<br />
<br />
'''Радиус''' - степень округленности углов нижней части бота.<br />
<br />
'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.<br />
<br><br />
<br><br />
[[File:FooterSetup.png|400px]] [[File:Footer.png]]<br />
<br><br />
<br />
== Поле ввода ==<br />
Здесь вы можете отредактировать поле ввода.<br />
<br />
'''Радиус''' - степень округленности углов поля ввода.<br />
<br />
'''Высота''' - высота поля ввода.<br />
<br />
'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.<br />
<br />
'''Заполнение''' - фон поля ввода.<br />
<br />
'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю<br />
<br />
'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.<br />
<br><br />
<br><br />
[[File:InputSetup.png|400px]] [[File:Input.png]]<br />
<br><br />
<br />
== Кнопка открытия окна чата ==<br />
Здесь вы можете отредактировать кнопку запуска бота.<br />
<br />
'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.<br />
<br />
'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.<br />
<br><br />
<br><br />
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]<br />
<br><br />
<br />
== Страница(для теста) ==<br />
<br />
'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).<br />
<br />
[[Category:Qubot]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Qubot_Customizing&diff=641Qubot Customizing2022-06-28T14:40:37Z<p>Mlipa: </p>
<hr />
<div><span id="qubot-customizing"></span><br />
{{TOCright}}<br />
== Webchat settings ==<br />
<br />
A guide to customizing your bot's appearance to match your brand's color scheme.<br />
<br />
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.<br />
<br />
It's easy to do. Select your bot, click '''Setup''' from the left panel.<br />
<br />
<br><br />
<br><br />
[[File:SetupBot.png]]<br />
<br />
The following options are available:<br />
<br />
== Icons ==<br />
<br />
'''Logo''' - an icon that is displayed in the list of bots and the button to start the bot.<br />
<br><br />
<br><br />
[[File:LogoBot.png]]<br />
<br><br />
[[File:BotStartButton.png]]<br />
<br><br />
<br><br />
'''Agent''' - an icon that is displayed in every bot message.<br />
<br><br />
<br><br />
[[File:agent.png]]<br />
<br><br />
[[File:agentIcon.png]]<br />
<br><br />
<br><br />
'''Human''' - an icon that is displayed in each message of the user.<br />
<br><br />
<br><br />
[[File:human.png]]<br />
<br><br />
[[File:humanIcon.png]]<br />
<br><br />
<br />
== Texts ==<br />
<br />
'''Bot name''' - название бота, отображается в верхнем левом углу.<br />
<br />
'''Agent name''' - название бота, от которого будут приходить сообщения.<br />
<br />
'''Info text''' - текст, который определенную информацию для пользователя, отображается в верхней части бота рядом с названием бота.<br />
<br><br />
<br><br />
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]<br />
<br><br />
<br />
== Размер и расположение ==<br />
<br />
'''Размер''' - выбор готового размера окна бота: '''''обычный''''', '''''большой''''' и '''''огромный'''''. Для задания своих размеров выберите '''''пользовательский''''' и в полях '''''ширина''''' '''''высота''''' укажите желаемые размеры.<br />
<br><br />
<br><br />
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
'''Расположение''' - выберите угол для расположения вашего бота. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.<br />
<br><br />
<br><br />
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]<br />
<br><br />
<br><br />
<br />
== Стили ==<br />
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.<br />
<br><br />
<br><br />
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
== Пользовательские ==<br />
Здесь вы можете настроить свой вид бота.<br />
<br />
Доступны следующие параметры:<br />
<br />
== Окно ==<br />
<br />
'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.<br />
<br><br />
<br><br />
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]<br />
<br><br />
<br />
== Заголовок ==<br />
Здесь вы можете отредактировать заголовок окна бота<br />
<br />
'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.<br />
<br />
'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Радиус''' - степень округленности верхних правого и левого углов окна бота.<br />
<br />
'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.<br />
<br><br />
<br><br />
[[File:HeaderSetup.png|400px]] [[File:Header.png]]<br />
<br><br />
<br />
== Тело бота ==<br />
Здесь вы можете отредактировать область переписки бота<br />
<br />
'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.<br />
<br />
'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.<br />
<br />
'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.<br />
<br />
'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.<br />
<br><br />
<br><br />
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]<br />
<br><br />
<br />
== Агент ==<br />
Здесь вы можете отредактировать сообщения агента в чате.<br />
<br />
'''Заполнение''' - фон сообщения агента. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки агента.<br />
<br><br />
<br><br />
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]<br />
<br><br />
<br />
== Человек ==<br />
Здесь вы можете отредактировать сообщения пользователя в чате.<br />
<br />
'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки пользователя.<br />
<br><br />
<br><br />
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]<br />
<br><br />
<br />
== Кнопки ==<br />
Здесь вы можете отредактировать кнопки в чате.<br />
<br />
'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Радиус''' - степень округленности углов кнопок.<br />
<br />
'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.<br />
<br />
'''Высота''' - высота кнопки.<br />
<br />
'''Внешние отступы''' - отступы кнопки от остального контента.<br />
<br><br />
<br><br />
[[File:ButtonSetup.png|400px]] [[File:Button.png]]<br />
<br><br />
<br />
== Низ ==<br />
Здесь вы можете отредактировать нижний колонтитул бота.<br />
<br />
'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.<br />
<br />
'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Высота''' - высота нижней части бота.<br />
<br />
'''Радиус''' - степень округленности углов нижней части бота.<br />
<br />
'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.<br />
<br><br />
<br><br />
[[File:FooterSetup.png|400px]] [[File:Footer.png]]<br />
<br><br />
<br />
== Поле ввода ==<br />
Здесь вы можете отредактировать поле ввода.<br />
<br />
'''Радиус''' - степень округленности углов поля ввода.<br />
<br />
'''Высота''' - высота поля ввода.<br />
<br />
'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.<br />
<br />
'''Заполнение''' - фон поля ввода.<br />
<br />
'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю<br />
<br />
'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.<br />
<br><br />
<br><br />
[[File:InputSetup.png|400px]] [[File:Input.png]]<br />
<br><br />
<br />
== Кнопка открытия окна чата ==<br />
Здесь вы можете отредактировать кнопку запуска бота.<br />
<br />
'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.<br />
<br />
'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.<br />
<br><br />
<br><br />
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]<br />
<br><br />
<br />
== Страница(для теста) ==<br />
<br />
'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).<br />
<br />
[[Category:Qubot]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Qubot_Customizing&diff=640Qubot Customizing2022-06-28T13:30:44Z<p>Mlipa: </p>
<hr />
<div><span id="qubot-customizing"></span><br />
{{TOCright}}<br />
== Настройка внешнего вида бота ==<br />
<br />
Выберите вашего бота, в левой панели выберите пункт '''Настройки'''.<br />
<br><br />
<br><br />
[[File:SetupBot.png]]<br />
<br />
Доступны следующие параметры:<br />
<br />
== Иконки ==<br />
<br />
'''Лого''' - иконка, которая отображается в списке ботов и кнопке запуска бота.<br />
<br><br />
<br><br />
[[File:LogoBot.png]]<br />
<br><br />
[[File:BotStartButton.png]]<br />
<br><br />
<br><br />
'''Агент''' - иконка, которая отображается в каждом сообщении бота.<br />
<br><br />
<br><br />
[[File:agent.png]]<br />
<br><br />
[[File:agentIcon.png]]<br />
<br><br />
<br><br />
'''Человек''' - иконка, которая отображается в каждом сообщении пользователя.<br />
<br><br />
<br><br />
[[File:human.png]]<br />
<br><br />
[[File:humanIcon.png]]<br />
<br><br />
<br />
== Надписи ==<br />
<br />
'''Имя бота''' - название бота, отображается в верхнем левом углу.<br />
<br />
'''Имя агента''' - название бота, от которого будут приходить сообщения.<br />
<br />
'''Инфо текст''' - текст, который определенную информацию для пользователя, отображается в верхней части бота рядом с названием бота.<br />
<br><br />
<br><br />
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]<br />
<br><br />
<br />
== Размер и расположение ==<br />
<br />
'''Размер''' - выбор готового размера окна бота: '''''обычный''''', '''''большой''''' и '''''огромный'''''. Для задания своих размеров выберите '''''пользовательский''''' и в полях '''''ширина''''' '''''высота''''' укажите желаемые размеры.<br />
<br><br />
<br><br />
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
'''Расположение''' - выберите угол для расположения вашего бота. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.<br />
<br><br />
<br><br />
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]<br />
<br><br />
<br><br />
<br />
== Стили ==<br />
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.<br />
<br><br />
<br><br />
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
== Пользовательские ==<br />
Здесь вы можете настроить свой вид бота.<br />
<br />
Доступны следующие параметры:<br />
<br />
== Окно ==<br />
<br />
'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.<br />
<br><br />
<br><br />
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]<br />
<br><br />
<br />
== Заголовок ==<br />
Здесь вы можете отредактировать заголовок окна бота<br />
<br />
'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.<br />
<br />
'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Радиус''' - степень округленности верхних правого и левого углов окна бота.<br />
<br />
'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.<br />
<br><br />
<br><br />
[[File:HeaderSetup.png|400px]] [[File:Header.png]]<br />
<br><br />
<br />
== Тело бота ==<br />
Здесь вы можете отредактировать область переписки бота<br />
<br />
'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.<br />
<br />
'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.<br />
<br />
'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.<br />
<br />
'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.<br />
<br><br />
<br><br />
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]<br />
<br><br />
<br />
== Агент ==<br />
Здесь вы можете отредактировать сообщения агента в чате.<br />
<br />
'''Заполнение''' - фон сообщения агента. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки агента.<br />
<br><br />
<br><br />
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]<br />
<br><br />
<br />
== Человек ==<br />
Здесь вы можете отредактировать сообщения пользователя в чате.<br />
<br />
'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки пользователя.<br />
<br><br />
<br><br />
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]<br />
<br><br />
<br />
== Кнопки ==<br />
Здесь вы можете отредактировать кнопки в чате.<br />
<br />
'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Радиус''' - степень округленности углов кнопок.<br />
<br />
'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.<br />
<br />
'''Высота''' - высота кнопки.<br />
<br />
'''Внешние отступы''' - отступы кнопки от остального контента.<br />
<br><br />
<br><br />
[[File:ButtonSetup.png|400px]] [[File:Button.png]]<br />
<br><br />
<br />
== Низ ==<br />
Здесь вы можете отредактировать нижний колонтитул бота.<br />
<br />
'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.<br />
<br />
'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Высота''' - высота нижней части бота.<br />
<br />
'''Радиус''' - степень округленности углов нижней части бота.<br />
<br />
'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.<br />
<br><br />
<br><br />
[[File:FooterSetup.png|400px]] [[File:Footer.png]]<br />
<br><br />
<br />
== Поле ввода ==<br />
Здесь вы можете отредактировать поле ввода.<br />
<br />
'''Радиус''' - степень округленности углов поля ввода.<br />
<br />
'''Высота''' - высота поля ввода.<br />
<br />
'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.<br />
<br />
'''Заполнение''' - фон поля ввода.<br />
<br />
'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю<br />
<br />
'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.<br />
<br><br />
<br><br />
[[File:InputSetup.png|400px]] [[File:Input.png]]<br />
<br><br />
<br />
== Кнопка открытия окна чата ==<br />
Здесь вы можете отредактировать кнопку запуска бота.<br />
<br />
'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.<br />
<br />
'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.<br />
<br><br />
<br><br />
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]<br />
<br><br />
<br />
== Страница(для теста) ==<br />
<br />
'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).<br />
<br />
[[Category:Qubot]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Qubot_Viber_Integration&diff=639Qubot Viber Integration2022-06-28T10:49:27Z<p>Mlipa: </p>
<hr />
<div>[[Category:Qubot]]<br />
[[Category:Integrations|V]]<br />
<span id="qubot-viber-integration"></span><br />
{{TOCright}}<br />
== Connecting a bot to Viber ==<br />
<br />
To connect the bot, follow the steps below:<br />
== Step 1 ==<br />
<br />
Download the official Viber app for your phone: https://www.viber.com/download<br />
== Step 2 ==<br />
<br />
Create a Viber Public Account: https://account.viber.com/en/create-account<br />
<br><br />
<br><br />
[[File:ViberStep2.png|700px]]<br />
<br><br />
<br><br />
<br />
== Step 3 ==<br />
<br />
Log in to the Viber Admin Panel.<br><br />
Go to https://partners.viber.com and enter your phone number.<br />
<br><br />
<br><br />
[[File:ViberStep3.png|700px]]<br />
<br><br />
<br><br />
You will receive a Viber message with a code, which you need to enter in the input field.<br />
<br />
== Step 4 ==<br />
<br />
Create a bot account.<br />
<br />
Fill out the following form, accept the Terms and Conditions and then click '''Create Bot Account'''. <br><br />
This is a new Viber account associated with your phone number (as an administrator) where the bot will operate.<br />
<br><br />
<br><br />
[[File:ViberStep4.png|700px]]<br />
<br><br />
<br><br />
<br />
== Step 5 ==<br />
<br />
After your account is created you will receive a private token.<br />
<br><br />
<br><br />
[[File:ViberStep5.png|700px]]<br />
<br><br />
<br><br />
Select your bot and go to '''Integrations''' on the left navigation panel. Then choose Viber.<br><br />
<br><br />
<br><br />
[[File:ViberStep5_2.png|700px]]<br />
<br><br />
<br><br />
Go to Step 5 and enter the token in the input field.<br />
<br><br />
<br><br />
[[File:ViberStep5_3.png|700px]]<br />
<br><br />
<br><br />
<br />
== Step 6 ==<br />
<br />
Viber allows you to customize the greeting message for your bot profile that is shown to users the first time they interact with your bot.<br><br />
Select your bot and go to '''Integrations''' on the left navigation panel. Then choose Viber.<br><br />
<br><br />
<br><br />
[[File:ViberStep5_2.png|700px]]<br />
<br><br />
<br><br />
Go to Step 6 and enter your message in the input field.<br />
<br><br />
<br><br />
[[File:ViberStep6.png|700px]]<br />
<br><br />
<br><br />
<br />
'''Watch this video tutorial "How to integrate chatbot with Viber"'''<br />
<br />
https://youtu.be/XLQFACK8vdQ</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=638Channels2022-06-28T10:43:50Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:Webchat.PNG|855 px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:Step1.PNG|800px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:Step2_1.PNG|967px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:Step2_html.PNG|1113px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.<br />
<br />
Reload your website page. The bot will appear as a button in the bottom right.<br />
<br />
Congratulations, the chatbot has been integrated to your WEB channel. It is now available on your company website.<br />
<br />
'''Watch this video tutorial "Connecting Channels"'''<br />
<br />
https://youtu.be/VPfBYaJJ7jM<br />
<br />
* [[How to add a chatbot to your website]]<br />
* [[How to integrate WordPress plugin to website|WordPress plugin]]<br />
* [[Qubot Facebook Integration|Facebook ]]<br />
* [[Qubot Telegram Integration|Telegram]]<br />
* [[Qubot Viber Integration|Viber ]]<br />
* [[Qubot LiveChat Integration|LiveChat]]<br />
* [[Qubot Whatsapp Integration|Whatsapp]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Main_Page&diff=637Main Page2022-06-28T10:43:06Z<p>Mlipa: </p>
<hr />
<div><span style="color:#005500">QuBot</span> is a set of tools for creating chatbots and virtual assistants.<br />
----<br />
* [[Getting Started: Creating Your First Bot_en]]<br />
; Setup and programming:<br />
* [[Qubot Customizing]]<br />
* [[Qubot Google Sheets Setup]]<br />
* [[Qubot Script]]<br />
;<u>[[:Category:Integrations|Integrations]]</u>:<br />
* [[Channels]]<br />
* [[How to add a chatbot to your website]]<br />
* [[How to integrate WordPress plugin to website|WordPress plugin]]<br />
* [[Qubot Facebook Integration|Facebook ]]<br />
* [[Qubot Telegram Integration|Telegram]]<br />
* [[Qubot Viber Integration|Viber ]]<br />
* [[Qubot LiveChat Integration|LiveChat]]<br />
* [[Qubot Whatsapp Integration|Whatsapp]]<br />
----<br />
* [[FAQ]]<br />
<!--<br />
<strong>MediaWiki успешно установлена.</strong><br />
<br />
Информацию по работе с этой вики можно найти в [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents справочном руководстве].<br />
<br />
== Некоторые полезные ресурсы ==<br />
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Список возможных настроек];<br />
* [https://www.mediawiki.org/wiki/Manual:FAQ/ru Часто задаваемые вопросы и ответы по MediaWiki];<br />
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce Рассылка уведомлений о выходе новых версий MediaWiki].<br />
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Перевод MediaWiki на свой язык]<br />
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Узнайте, как бороться со спамом в вашей вики]<br />
--><br />
[[Category:Qubot|*]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Qubot_Customizing&diff=636Qubot Customizing2022-06-28T10:02:34Z<p>Mlipa: </p>
<hr />
<div><span id="qubot-customizing"></span><br />
{{TOCright}}<br />
== Webchat settings ==<br />
<br />
Выберите вашего бота, в левой панели выберите пункт '''Настройки'''.<br />
<br><br />
<br><br />
[[File:SetupBot.png]]<br />
<br />
Доступны следующие параметры:<br />
<br />
== Иконки ==<br />
<br />
'''Лого''' - иконка, которая отображается в списке ботов и кнопке запуска бота.<br />
<br><br />
<br><br />
[[File:LogoBot.png]]<br />
<br><br />
[[File:BotStartButton.png]]<br />
<br><br />
<br><br />
'''Агент''' - иконка, которая отображается в каждом сообщении бота.<br />
<br><br />
<br><br />
[[File:agent.png]]<br />
<br><br />
[[File:agentIcon.png]]<br />
<br><br />
<br><br />
'''Человек''' - иконка, которая отображается в каждом сообщении пользователя.<br />
<br><br />
<br><br />
[[File:human.png]]<br />
<br><br />
[[File:humanIcon.png]]<br />
<br><br />
<br />
== Надписи ==<br />
<br />
'''Имя бота''' - название бота, отображается в верхнем левом углу.<br />
<br />
'''Имя агента''' - название бота, от которого будут приходить сообщения.<br />
<br />
'''Инфо текст''' - текст, который определенную информацию для пользователя, отображается в верхней части бота рядом с названием бота.<br />
<br><br />
<br><br />
[[File:TextsSetup.png|500px]] [[File:TextsBot.png|300px]]<br />
<br><br />
<br />
== Размер и расположение ==<br />
<br />
'''Размер''' - выбор готового размера окна бота: '''''обычный''''', '''''большой''''' и '''''огромный'''''. Для задания своих размеров выберите '''''пользовательский''''' и в полях '''''ширина''''' '''''высота''''' укажите желаемые размеры.<br />
<br><br />
<br><br />
[[File:sizeBot.png]] [[File:sizeBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
'''Расположение''' - выберите угол для расположения вашего бота. В полях '''''слева''''' '''''вверх''''' установите отступы для окна бота.<br />
<br><br />
<br><br />
[[File:positionBot.png]] [[File:positionBotWindow.png|500px]]<br />
<br><br />
<br><br />
<br />
== Стили ==<br />
Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.<br />
<br><br />
<br><br />
[[File:styleBot.png|700px]] [[File:styleBotWindow.png|300px]]<br />
<br><br />
<br><br />
<br />
== Пользовательские ==<br />
Здесь вы можете настроить свой вид бота.<br />
<br />
Доступны следующие параметры:<br />
<br />
== Окно ==<br />
<br />
'''Тень''' - задание тени окна бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени. Третий - цвет тени.<br />
<br><br />
<br><br />
[[File:ShadowSetup.png|400px]] [[File:Shadow.png|300px]]<br />
<br><br />
<br />
== Заголовок ==<br />
Здесь вы можете отредактировать заголовок окна бота<br />
<br />
'''Заполнение''' - фон заголовка окна бота. Первый параметр задает цвет, второй - прозрачность.<br />
<br />
'''Рамка''' - рамка окна бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - имя бота в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Инфо''' - надпись в заголовке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Радиус''' - степень округленности верхних правого и левого углов окна бота.<br />
<br />
'''Тень''' - тень заголовка окна бота. Первый параметр задает смещение тени вниз, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Закрыть''' - задание цветов кнопок обновления и закрытия бота. Первый параметр задает обычный цвет кнопок, второй параметр - цвет кнопок при наведении на них.<br />
<br><br />
<br><br />
[[File:HeaderSetup.png|400px]] [[File:Header.png]]<br />
<br><br />
<br />
== Тело бота ==<br />
Здесь вы можете отредактировать область переписки бота<br />
<br />
'''Заполнение''' - фон тела бота. Первый параметр задает цвет, второй задает прозрачность, третий - возможность установить текстуру в виде заднего фона.<br />
<br />
'''Рамка''' - рамка тела бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Время''' - время и дата под сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта.<br />
<br />
'''Тень''' - тень для каждого сообщения. Первый параметр задает смещение тени вниз и правее, второй параметр задает степень размытия, третий - цвет.<br />
<br />
'''Радиус''' - степень округленности углов сообщения. Параметр задает степень округленности.<br />
<br />
'''Внутренние отступы''' - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.<br />
<br><br />
<br><br />
[[File:BodySetup.png|400px]] [[File:Body.png|300px]]<br />
<br><br />
<br />
== Агент ==<br />
Здесь вы можете отредактировать сообщения агента в чате.<br />
<br />
'''Заполнение''' - фон сообщения агента. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения агента. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения агента. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Имя''' - имя агента рядом с сообщением. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки агента.<br />
<br><br />
<br><br />
[[File:AgentCustomSetup.png|400px]] [[File:AgentCustom.png]]<br />
<br><br />
<br />
== Человек ==<br />
Здесь вы можете отредактировать сообщения пользователя в чате.<br />
<br />
'''Заполнение''' - фон сообщения пользователя. Параметр задает цвет.<br />
<br />
'''Рамка''' - рамка сообщения пользователя. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - текст сообщения пользователя. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Иконка''' - размер иконки пользователя.<br />
<br><br />
<br><br />
[[File:HumanCustomSetup.png|400px]] [[File:HumanCustom.png]]<br />
<br><br />
<br />
== Кнопки ==<br />
Здесь вы можете отредактировать кнопки в чате.<br />
<br />
'''Текст''' - текст в кнопке. Первый параметр задает цвет шрифта, второй задает размер шрифта, третий - высоту строки шрифта.<br />
<br />
'''Рамка''' - рамка вокруг кнопки. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Радиус''' - степень округленности углов кнопок.<br />
<br />
'''Заполнение''' - фон кнопок. Первый параметр задает фон в обычном состоянии, второй параметр задает фон при наведении, третий - фон при нажатии на кнопку.<br />
<br />
'''Высота''' - высота кнопки.<br />
<br />
'''Внешние отступы''' - отступы кнопки от остального контента.<br />
<br><br />
<br><br />
[[File:ButtonSetup.png|400px]] [[File:Button.png]]<br />
<br><br />
<br />
== Низ ==<br />
Здесь вы можете отредактировать нижний колонтитул бота.<br />
<br />
'''Заполнение''' - фон нижней части бота. Первый параметр задает фон, второй параметр задает прозрачность.<br />
<br />
'''Рамка''' - рамка вокруг нижней части бота. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Высота''' - высота нижней части бота.<br />
<br />
'''Радиус''' - степень округленности углов нижней части бота.<br />
<br />
'''Тень''' - тень нижней части бота. Первый параметр задает смещение тени вверх, второй параметр задает степень размытия, третий - цвет.<br />
<br><br />
<br><br />
[[File:FooterSetup.png|400px]] [[File:Footer.png]]<br />
<br><br />
<br />
== Поле ввода ==<br />
Здесь вы можете отредактировать поле ввода.<br />
<br />
'''Радиус''' - степень округленности углов поля ввода.<br />
<br />
'''Высота''' - высота поля ввода.<br />
<br />
'''Внешние отступы''' - отступы поля ввода от остального контента. Первый параметр задает вертикальный отступ, второй - горизонтальный.<br />
<br />
'''Заполнение''' - фон поля ввода.<br />
<br />
'''Рамка''' - рамка поля ввода. Первый параметр задает цвет, второй - ширину рамки.<br />
<br />
'''Текст''' - оформление вводимого текста. Первый параметр задает цвет текста, второй - размерю<br />
<br />
'''Отправить''' - оформлении кнопки отправки данных. Первый параметр задает обычный цвет кнопки, второй параметр - цвет кнопок при наведении на нее.<br />
<br><br />
<br><br />
[[File:InputSetup.png|400px]] [[File:Input.png]]<br />
<br><br />
<br />
== Кнопка открытия окна чата ==<br />
Здесь вы можете отредактировать кнопку запуска бота.<br />
<br />
'''Радиус''' - радиус кнопки запуска бота. Первый параметр задает радиус всей кнопки запуска, второй - радиус иконки бот в кнопке.<br />
<br />
'''Рамка''' - рамка кнопки запуска. Первый параметр задает цвет, второй - ширину рамки.<br />
<br><br />
<br><br />
[[File:OpenButtonSetup.png|400px]] [[File:OpenButton.png]]<br />
<br><br />
<br />
== Страница(для теста) ==<br />
<br />
'''Заполнение''' - фон на странице. Первый параметр задает задний фон под окном бота(пока только в консоли), второй параметр - картинку под окном бота(пока только в консоли).<br />
<br />
[[Category:Qubot]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=635Channels2022-06-28T06:30:20Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:Webchat.PNG|855 px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:Step1.PNG|800px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:Step2_1.PNG|967px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:Step2_html.PNG|1113px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.<br />
<br />
Reload your website page. The bot will appear as a button in the bottom right.<br />
<br />
Congratulations, the chatbot has been integrated to your WEB channel. It is now available on your company website.<br />
<br />
'''Watch this video tutorial "Connecting Channels"'''<br />
<br />
https://youtu.be/VPfBYaJJ7jM</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=634Channels2022-06-28T06:29:34Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:Webchat.PNG|855 px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:Step1.PNG|800px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:Step2_1.PNG|967px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:Step2_html.PNG|1113px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.<br />
<br />
Reload your website page. The bot will appear as a button in the bottom right.<br />
<br />
Congratulations, the chatbot has been integrated to your WEB channel. It is now available on your company website.<br />
<br />
'''Watch this video tutorial "Connecting Channels"'''<br />
<br />
https://www.youtube.com/embed/VPfBYaJJ7jM</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=633Channels2022-06-27T15:05:18Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:Webchat.PNG|855 px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:Step1.PNG|800px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:Step2_1.PNG|967px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:Step2_html.PNG|1113px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.<br />
<br />
Reload your website page. The bot will appear as a button in the bottom right.<br />
<br />
Congratulations, the chatbot has been integrated to your WEB channel. It is now available on your company website.<br />
<br />
[[embed]]<br />
<iframe width="560" height="315" src="https://www.youtube.com/embed/VPfBYaJJ7jM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br />
[[/embed]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=632Channels2022-06-27T15:04:28Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:Webchat.PNG|855 px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:Step1.PNG|800px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:Step2_1.PNG|967px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:Step2_html.PNG|1113px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.<br />
<br />
Reload your website page. The bot will appear as a button in the bottom right.<br />
<br />
Congratulations, the chatbot has been integrated to your WEB channel. It is now available on your company website.<br />
<br />
[[html]]<br />
<iframe width="560" height="315" src="https://www.youtube.com/embed/VPfBYaJJ7jM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br />
[[/html]]</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=629Channels2022-06-27T14:54:42Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:Webchat.PNG|855 px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:Step1.PNG|800px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:Step2_1.PNG|967px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:Step2_html.PNG|1113px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.<br />
<br />
Reload your website page. The bot will appear as a button in the bottom right.<br />
<br />
Congratulations, the chatbot has been integrated to your WEB channel. It is now available on your company website.</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=626Channels2022-06-27T14:50:54Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:Webchat.PNG|855 px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:Step1.PNG|800px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:Step2_1.PNG|967px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:Step2_html.PNG|1113px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.</div>Mlipahttps://wiki.qudata.com//index.php?title=File:Step2_html.PNG&diff=625File:Step2 html.PNG2022-06-27T14:50:28Z<p>Mlipa: </p>
<hr />
<div></div>Mlipahttps://wiki.qudata.com//index.php?title=File:Step2_1.PNG&diff=624File:Step2 1.PNG2022-06-27T14:49:36Z<p>Mlipa: </p>
<hr />
<div></div>Mlipahttps://wiki.qudata.com//index.php?title=File:Step1.PNG&diff=623File:Step1.PNG2022-06-27T14:46:33Z<p>Mlipa: </p>
<hr />
<div></div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=620Channels2022-06-27T14:44:47Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:Webchat.PNG|855 px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:1.png|700px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:1.png|700px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:1.png|700px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.</div>Mlipahttps://wiki.qudata.com//index.php?title=File:Webchat.PNG&diff=619File:Webchat.PNG2022-06-27T14:41:36Z<p>Mlipa: </p>
<hr />
<div></div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=618Channels2022-06-27T14:40:23Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:<br />
<br />
[[File:1.png|700px]]<br />
<br />
<br />
You need to click '''"Open"''' to start a web chat conversation. Click on the chatbot icon to open it.<br />
<br />
<br />
== Webchat settings ==<br />
In the settings panel for this channel, enter a link to your site in the field of step 1. Click '''“Save changes”'''.<br />
<br />
[[File:1.png|700px]]<br />
<br />
Then, in step 2, click the '''“Copy”''' button.<br />
<br />
[[File:1.png|700px]]<br />
<br />
Open your webpage and access the HTML. Scroll down to the bottom and paste it.<br />
<br />
[[File:1.png|700px]]<br />
<br />
Return to the settings page, and switch the toggle to '''“Active”'''.</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=615Channels2022-06-27T14:33:50Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click '''Integrations'''.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=611Channels2022-06-27T14:32:15Z<p>Mlipa: </p>
<hr />
<div>== Channels ==<br />
Connect your bot to your desired channels.<br />
<br />
By channels, we mean the various platforms that allow people to communicate across the globe, including websites, email, SMS exchanges, messaging apps, etc.<br />
<br />
One of the great features of SnatchBot'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.<br />
<br />
To connect your bot to your desired channel(s), select your bot and click Integrations.<br />
<br />
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.<br />
<br />
When you're done, try sending a message through your channel (such as Facebook Messenger) and see for yourself how powerful our tool is!<br />
<br />
== Webchat ==<br />
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.<br />
<br />
To launch the Webchat, open the Integrations page and find the WebChat button. Make sure that activation toggle is enabled:</div>Mlipahttps://wiki.qudata.com//index.php?title=Channels&diff=609Channels2022-06-27T14:24:46Z<p>Mlipa: Created page with "1"</p>
<hr />
<div>1</div>Mlipa