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

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

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

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

Цвет

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

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

Паттерн

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

Положение

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

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

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

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

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

Шрифт

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

Надписи

Этот подраздел позволяет изменять текст, который используется на кнопке чата (в онлайн и оффлайн режиме отдельно).

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

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

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

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

До 27 ноября
Чёрная пятница в Jivo
Узнайте свой бонус