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

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

Перейдите в раздел "Дизайн":

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

Для ярлыка в мобильной версии вы можете изменить цвет, расположение и отступ от нижнего края сайта.

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

Форма окна и расположение

Возможность настраивать форму ярлыка чата на ПК: прямоугольная или круглая.

Для прямоугольного ярлыка вы можете выбрать расположение: Внизу слева, Внизу по центру, Внизу справа, Справа внизу, Справа по центру, Слева внизу.

Для круглой иконки вариантов расположения два: Внизу справа и Внизу слева.

Также доступно изменение отступа снизу: Маленький, Средний, Большой или Свой (настраиваемый). Это полезно в случаях, когда ярлык чата перекрывает другие элементы сайта.

Шрифт

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

Цвет

Здесь вы можете задать цветовую схему для:

• Ярлыка чата
• Сообщений клиента
• Кнопки обратного звонка

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

Для мобильной версии вы можете либо задать другой цвет кнопки, либо использовать цвет виджета для компьютера:

Узор

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

Текст

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

Обратите внимание: это сообщение появляется только в офлайн-чате, когда посетитель самостоятельно открывает его. До срабатывания автоматических действий.

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

После применения всех изменений не забудьте сохранить настройки, нажав на соответствующую кнопку.

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