Qubot Customizing/ru

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

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

Файл:SetupBot.png

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

Иконки

Лого - иконка, которая отображается в списке ботов и кнопке запуска бота.

Файл:LogoBot.png
Файл:BotStartButton.png

Агент - иконка, которая отображается в каждом сообщении бота.

Файл:agent.png
Файл:agentIcon.png

Человек - иконка, которая отображается в каждом сообщении пользователя.

Файл:human.png
Файл:humanIcon.png

Надписи

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

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

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

Файл:TextsSetup.png
Файл:TextsBot.png

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

Размер - выбор готового размера окна бота: обычный, большой и огромный. Для задания своих размеров выберите пользовательский и в полях ширина высота укажите желаемые размеры.

Файл:sizeBot.png 300px

Расположение - выберите угол для расположения вашего бота. В полях слева вверх установите отступы для окна бота.

Файл:positionBot.png 300px

Стили

Здесь вы можете выбрать уже готовый стиль бота, который будет соответствовать цветовой схеме вашего бренда.

Пользовательские

Здесь вы можете настроить свой вид бота.

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

Окно

Тень - задание тени окна и кнопки запуска бота. Первый параметр задает перемещение тени вправо и вниз. Второй параметр задает уровень размытия тени.

Заголовок

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

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

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

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

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

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

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

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

Тело бота

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

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

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

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

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

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

Внутренние отступы - отступы от текста до стенок внутри сообщения. Параметр задает размер отступов.

Агент

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

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

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

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

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

Иконка - размер иконки агента.

Человек

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

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

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

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

Иконка - размер иконки пользователя.

Кнопки

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

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

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

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

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

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

Внешние отступы - отступы кнопки от остального контента.

Низ

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

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

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

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

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

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

Поле ввода

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

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

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

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

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

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

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

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

Кнопка открытия окна чата

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

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

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

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

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