Общайтесь с вашими клиентами в реальном времени и зарабатывайте больше

JivoSite – бесплатный инструмент общения с клиентами на сайте, в Facebook, ВКонтакте, Одноклассниках, Viber и Telegram.

Email введен неверно Что-то пошло не так. Пожалуйста, зайдите позже

Добро пожаловать в JivoSite!
Проверьте почту, мы отправили вам ссылку на регистрацию. Для установки Jivo вам понадобится компьютер.

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

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

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

Pic1

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

Pic2

Цвет

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

Design-pic3

Design-pic4

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

Паттерн

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

Design-pic5

Положение

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

Design-pic6

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

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

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

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

Шрифт

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

Design-pic7

Надписи

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

Design-pic8

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

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

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

Design-pic9

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