Как можно изменить дизайн онлайн консультанта

После установки чата на ваш сайт, он будет отображаться в стандартных настройках внешнего вида. Для того, чтоб их поменять на нужные вам необходимо в панели управления Leadmaster, в настройках онлайн чата перейти в пункт верхнего меню «Внешний вид»:

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

Настройки внешнего вида чата на компьютере:

Расположение кнопки:

Данная настройка позволяет указать расположение кнопки, вызывающую онлайн чат. Имеет четыре варианта отображения:

- Горизонтально

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

- Вертикально слева

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

- Вертикально справа

При вертикальном отображении справа, также, как и в позиции слева, можно при помощи ползунка точно настроить отображение по вертикали, по горизонтали редактирование позиции не доступно.

- Скрыть

Данная настройка позволяет скрыть кнопку вызова окна чата от отображения. Чаще всего используется, если вы хотите использовать для вызова окна свою кнопку. В таком случае собственной кнопке необходимо добавить код: <a href="#showchat"> </a> Например: <a href="#showchat">Задать вопрос</a>

Логотип:

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

Текст на кнопке:

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

- Текст на кнопке (оператор онлайн)

Данный текст будет отображаться если хотяб один оператор онлайн.

- Текст на кнопке (оператор офлайн)

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

Максимальная длинна текста для обоих вариантов – 45 символов.

- Цвет текста

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

Цвет можно задать либо указав rgb-код цвета в строке ввода, либо выбрать в плитке:

Внешний вид кнопки:

- Углы кнопки.

Данная настройка позволяет указать интенсивность скругления кнопки.

Плавные:

Прямые:

Округлые:

- Цвет кнопки.

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

Цвет можно задать либо указав rgb-код цвета в строке ввода, либо выбрать в плитке:

Окно чата

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

Заголовок:

- Цвет заголовка.

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

Цвет можно указать в поле ввода, либо выбрав в палитре:

- Цвет текста.

С помощью данной настройки можно указать цвет текста заголовка чата для лучшей его читаемости.

Цвет можно указать в поле ввода, либо выбрать в палитре.

Робот:

Робот в вашем чате приветствует посетителей сайта и отправляет менеджерам сообщение о действиях посетителей в чате.

- Загрузите логотип.

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

- Имя робота.

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

- Приветственное сообщение.

Здесь вы можете указать оригинальное сообщение от робота, которое привлечет внимание посетителей вашего ресурса.

- Цвет текста приветственного сообщения.

В данной настройке вы можете указать цвет текста сообщения, которое будет выводить робот.

Сообщение:

В настройках сообщения вы сможете настроить оформление сообщения, написанного посетителем.

- Цвет сообщения посетителя.

В данной настройке можно указать текст заднего фона сообщения посетителя.

Цвет можно указать как кодом в строке ввода, так и выбрав в палитре.

- Цвет текста посетителя.

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

Цвет можно задать как кодом в поле ввода, так и выбрав в палитре:

- Цвет сообщения оператора.

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

- Цвет текста оператора.

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

Окно автоприглашения

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

- Цвет фона.

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

- Цвет фона сообщения.

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

- Цвет фона поля ввода.

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

- Цвет текста в окне.

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

- Цвет текста сообщения.

С помощью данной настройки можно задать цвет тексту сообщения в окне автоприглашения. Рекомендуем цвет текста подобрать таким образом, чтоб он был хорошо читаем на фоне «облака» сообщения. Цвет можно указать с помощью RGB-кода в поле ввода, либо выбрав в палитре.

По окончанию настройки сохраните внесенные изменения нажав кнопку «Сохранить и продолжить» в конце страницы.

Настройки внешнего вида чата на телефоне:

Отображение кнопки

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

- Скрыть кнопку на мобильных устройствах.

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

- Скрыть кнопку при прокрутке и увеличении.

В мобильной версии при прокрутке или масштабировании сайта кнопка чата плавно перемещается на изначальную позицию. Данная настройка позволяет скрыть кнопку чата при прокрутке, либо масштабировании.

Положение кнопки

С помощью данной настройки можно точно указать положение кнопки чата на экране. Настройка осуществляется с помощью ползунков возле окна предпросмотра:

Текст на кнопке

- Текст на кнопке (оператор онлайн).

В поле ввода можете указать текст, который будет отображаться на кнопке, если хоть один из операторов онлайн. Максимальная длинна текста 25 символов. По умолчанию указан текст «чат».

- Текст на кнопке (оператор офлайн).

В этой настройке вы можете указать текст, который посетители будут видеть на кнопке если онлайн нет ни одного оператора, привязанного к сервису. Максимальная длинна текста 25 символов.

Цвета

В данном разделе вы можете настроить цветовую схему кнопки чата.

- Цвет кнопки.

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

- Цвет текста.

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

По окончанию настройки сохраните все внесенные изменения нажав кнопку «Сохранить и продолжить» в конце страницы.

Copyright © 2017. Leadmaster.
All rights reserved.
Сайт упакован Run-up.agency
Остались вопросы?
Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра. в нашу службу поддержки.