Qubot Customizing/ru

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

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

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

Иконки

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




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




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

Надписи

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

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

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

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

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

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

Стили

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

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

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

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

Окно

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

Заголовок

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

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

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

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

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

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

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

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

Тело бота

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

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

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

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

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

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

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

Агент

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

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

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

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

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

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

Человек

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

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

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

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

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

400px Файл:HumanCustom.png

Кнопки

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

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

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

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

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

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

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

400px Файл:Button.png

Низ

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

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

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

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

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

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

400px Файл:Footer.png

Поле ввода

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

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

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

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

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

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

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

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

400px Файл:Input.png

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

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

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

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

400px Файл:OpenButton.png

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

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