Как изменить дизайн чата на сайте

Для изменения дизайна чата на вашем сайте вам потребуется зайти в приложение > Управление > Каналы связи. Среди подключенных каналов найдите канал нужного сайта и нажмите "Настроить".

Затем перейдите в раздел "Дизайн"

В разделе Дизайн есть возможность полностью изменять цветовую схему виджета, форму иконки чата, его шрифт и размеры, без необходимости изменять или переустанавливать код чата. При этом, после сохранения текущих настроек, все изменения применяются на сайте сразу же. Справа на странице вы увидите предпросмотр текущих настроек - как это будет выглядеть на вашем сайте.

Форма окна#

Появилась возможность настраивать форму окна чата. Иконка, которую вы выберете, будет отображаться на сайте в версии для ПК. Круглая иконка чата будет выглядеть следующим образом:

Положение#

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

Вы можете выбрать положение кнопки в нужном месте на вашем сайте.

Примечание: положение открытого окна чата (которое срабатывает при нажатии по кнопке) на данный момент регулируется лишь положением кнопки.

Если кнопка находится в левой части экрана (снизу, сверху, сбоку) - окно чата на сайте так же будет находиться слева, с привязкой к нижнему краю экрана браузера.

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

Если иконка чата круглая, то доступна 2 варианта расположения: внизу слева и внизу справа.

Шрифт#

Вы можете настроить вид шрифта, его тип, размер и цвет.

Цвет#

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

Также настройки позволяют регулировать задний фон сообщений клиента и цвет кнопки заказа звонка. Эти цвета можно выбрать из списка предложенных.

Узор#

Вы можете добавить текстурный рисунок в шапку чата, выбрав один из вариантов в этом разделе:

Текст#

Этот подраздел позволяет изменять текст, который отображается в шапке чата (в онлайн и оффлайн-режиме отдельно), а также текст информационного сообщения в офлайн-чате.

Примечание: При использовании длинного текста на кнопке чата на сайте сама кнопка при этом также будет увеличиваться в ширину.

Мобильная версия#

Также есть возможность настроить вид чата на мобильной версии вашего сайта. Вы можете выбрать цвет кнопки чата из предложенных цветов или даже настроить свой цвет. Кроме того, можно выбрать, с какой стороны будет расположена кнопка чата: справа или слева.

На этом всё. Желаем вам продуктивного дня!