Настройка кнопки


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

 

Все настройки производятся для разных типов устройств (ПК, смартфон, планшет) и являются независимыми друг от друга.

 

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

 
 

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

В поле "Расположение" вы выбираете место на экране, в котором будет находиться кнопка виджета. Также вы можете задать размер отступа от края экрана.

 

От расположения кнопки виджета зависит начальное расположение окна виджета. Настройки окна подробно описаны в статье "Виджет".

 

Заголовок

Опция "Заголовок" отвечает за текст, отображаемый на кнопке или рядом с ней (в зависимости от выбранного стиля). Вы можете написать разный текст для рабочего (поле "Online") и нерабочего (поле "Offline") времени операторов.

Иконка Online / Offline

Поля "Иконка Online" и "Иконка Offline" позволяют выбрать иконку, которая будет показана на кнопке в рабочее ("Online") и нерабочее ("Offline") время.

 

Вы можете загрузить свое изображение в формате "SVG" или "PNG" при выборе иконки Online / Offline. Кликните "Выбрать иконку", в открывшемся окне выберите "Свое изображение" и нажмите кнопку "Загрузите изображение".

 

Стиль кнопки

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

 
 

 
 

Стиль "Круглый"

 

Данный стиль имеет следующие особенности:

  • круглая форма кнопки (с регулированием размера);
  • опция отключения заголовка;
  • возможность отображения аватара оператора;
  • опция включения анимации пульсирования кнопки.
 
 

Аватар оператора будет отображаться только в том случае, когда известно с кем из операторов идёт (или будет идти) диалог. Заранее оператор известен только в случае со случайным распределением диалогов.

Настройки диалогов подробно описаны в статье "Диалоги".

 

 

Стиль "Текст"

 

Основными отличиями стиля "Текст" являются неотключаемый заголовок и форма кнопки.

Вы можете изменять тип и размер шрифта, радиус кнопки (чем больше радиус, тем более округлая кнопка) и её границу.

 

Ширина кнопки зависит от длины заголовка.

 
 

 

Стиль "Изображение"

 

Этот стиль позволяет вам использовать в качестве кнопки любое изображение, а также отключать заголовок. Размер изображения регулируется по ширине и высоте.

Поля "Online-режим" и "Offline-режим" отвечают за изображение, которое будет показано в рабочее ("Online-режим") и нерабочее ("Offline-режим") время.

 

Изображения не загружаются на наш сервер. В полях "Online-режим" и "Offline-режим" вам нужно указать ссылку на изображение, которое вы хотите использовать.

 

В качестве изображения можно использовать не только картинку, но и GIF-файл.

 
 

 

Стиль "Спрятать ярлык"

 

Данный стиль дает возможность открывать виджет не используя стандартную кнопку. Ярлык (кнопка) виджета не будет выводиться на экран.

Для открытия виджета воспользуйтесь следующей командой Javascript API:

 
Verbox("openSupport")
 

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

 
<a href="/kb/nastroiki/nastroiki_dizaina/knopka.html#" onClick="Verbox('openSupport'); return false;">Задать вопрос</a>
 

Подробнее о методах Javascript API вы можете почитать в отдельной статье.

 

 

Стиль "Не загружать модуль"

 

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

5935 просмотров

Другие статьи по этой теме

Настройки цвета позволяют изменять внешний вид следующих элементов виджета: - кнопка открытия и шапка; - сообщения клиента и оператора; - ссылки и кн...
Настройки виджета позволяют изменять цвета, добавлять и регулировать границы и отступы, а также придавать закругление различным элементам. Настройки ...
Меню кнопки виджета - это выпадающий из основной кнопки список действий. Настройки производятся для разных типов устройств (ПК, смартфон, планшет) и ...
Меню виджета - это список действий, отображаемый в окне виджета при клике на значок "Меню" (☰), расположенный в левом верхнем углу виджета. Настройки...
Уведомление - это текстовое сообщение, которое отображается у пользователя при закрытом окне виджета. Вы можете настроить различные типы уведомлений ...
CSS
Настройки CSS находятся в расширенном меню. Нажмите на слайдер "Расширенные настройки", чтобы их увидеть. CSS (Cascading Style Sheets или каскадные т...
Шаблон - это сохраненный набор всех настроек виджета. Любые изменения, которые вы делали в настройках, можно сохранить в качестве шаблона. Для этого ...