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

Вернуться к списку статей

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

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

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

Форма окна

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

Положение

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

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

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

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

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

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

Шрифт

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

Цвет

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

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

Узор

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

Текст

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

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

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

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

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

Есть вопросы? Спросите техподдержку в чате на сайте, мы всегда рады помочь. Работаем 24 часа 7 дней в неделю.