Для изменения дизайна чата на вашем сайте вам потребуется зайти в приложение > Управление > Каналы связи. Среди подключенных каналов найдите канал нужного сайта и нажмите “Настроить”.
Затем перейдите в раздел “Дизайн”
В разделе Дизайн есть возможность полностью изменять цветовую схему виджета, форму иконки чата, его шрифт и размеры, без необходимости изменять или переустанавливать код чата. При этом, после сохранения текущих настроек, все изменения применяются на сайте сразу же. Справа на странице вы увидите предпросмотр текущих настроек - как это будет выглядеть на вашем сайте.
Появилась возможность настраивать форму окна чата. Иконка, которую вы выберете, будет отображаться на сайте в версии для ПК. Круглая иконка чата будет выглядеть следующим образом:
Пожалуй, самая важная из настроек помимо цветовой схемы - положение кнопки и окна чате, а точнее, где именно будет находиться наш сервис на вашем сайте.
Вы можете выбрать положение кнопки в нужном месте на вашем сайте.
Примечание: положение открытого окна чата (которое срабатывает при нажатии по кнопке) на данный момент регулируется лишь положением кнопки.
Если кнопка находится в левой части экрана (снизу, сверху, сбоку) - окно чата на сайте так же будет находиться слева, с привязкой к нижнему краю экрана браузера.
Аналогично и для правой части экрана, и для центра, местоположение которых можно использовать на сайте - чат будет открываться с привязкой к правому нижнему краю экрана браузера. Мы рекомендуем использовать именно это местоположение как наиболее оптимальное.*
Если иконка чата круглая, то доступна 2 варианта расположения: внизу слева и внизу справа.
Вы можете настроить вид шрифта, его тип, размер и цвет.
В подразделе Цвет вы можете задать цвета для кнопки чата: выбрать цветовую схему из предложенных вариантов или даже настроить свой цвет, нажав на иконку пипетки. Возможно как однотонное оформление ярлыка чата, так и градиент.
Также настройки позволяют регулировать задний фон сообщений клиента и цвет кнопки заказа звонка. Эти цвета можно выбрать из списка предложенных.
Вы можете добавить текстурный рисунок в шапку чата, выбрав один из вариантов в этом разделе:
Этот подраздел позволяет изменять текст, который отображается в шапке чата (в онлайн и оффлайн-режиме отдельно), а также текст информационного сообщения в офлайн-чате.
Примечание: При использовании длинного текста на кнопке чата на сайте сама кнопка при этом также будет увеличиваться в ширину.
Также есть возможность настроить вид чата на мобильной версии вашего сайта. Вы можете выбрать цвет кнопки чата из предложенных цветов или даже настроить свой цвет. Кроме того, можно выбрать, с какой стороны будет расположена кнопка чата: справа или слева.
На этом всё. Желаем вам продуктивного дня!
