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


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

 

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

 
 
 

 

Основные настройки

 

Перечисленные в этой главе настройки являются общими для всех стилей кнопки.

 

Стиль кнопки

 

Стиль кнопки определяет её внешний вид. Вы можете выбрать один из перечисленных стилей:

 
 

 

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

 

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

 
 

От расположения кнопки виджета зависит начальное расположение окна виджета.

Настройки окна виджета рассмотрены в статье "Виджет".

 

 

Заголовок

 

С помощью этой настройки можно включать и отключать заголовок кнопки виджета, а также изменять текст, отображаемый на кнопке или рядом с ней (в зависимости от выбранного стиля кнопки).

 

Для онлайн-режима и для офлайн-режима виджета можно указать разный текст.

 
 

 

Иконка Online / Offline

 

Данная настройка позволяет выбрать иконку, которая будет показана на кнопке в рабочее ("Online-режим виджета") и нерабочее ("Offline-режим виджета") время.

 
 

В качестве иконки можно использовать своё изображение.

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

Изображение должно иметь формат "SVG" или "PNG".

 

 

Прятать при скролле

 

Настройка доступна только для смартфона и планшета.

 

Если данная настройка включена, кнопка виджета будет скрыта при пролистывании страницы.

 
 

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

При остановке пролистывания кнопка снова появится на экране.

 

 

Минимальная ширина окна

 

Опция находится в расширенных настройках и доступна для типов устройств ПК и планшет.

 

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

 
 

Например, если указать значение для ПК - 1024, а для планшета - 768, это будет означать следующее:

  • При ширине окна пользователя 1024 и больше будут применяться параметры кнопки для ПК;
  • При ширине окна пользователя от 768 до 1024 будут использоваться параметры кнопки для планшета;
  • При ширине окна пользователя до 768 будут применяться параметры кнопки для смартфона.
 

 

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

 

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

Особенностями стиля являются:

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

 

Размер кнопки

 

Настройка даёт возможность регулировать размер кнопки.

 
 

 

Отключаемый заголовок

 

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

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

 
 

 

Аватар оператора на ярлыке

 

Если данная настройка включена, на кнопке будет отображён аватар оператора.

 

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

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

 
 

Если у оператора нет аватара, на кнопке будет отображена иконка Online или Offline.

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

 

 

Анимация пульсирования

 

Настройка доступна только для стиля кнопки "Круглый".

 

При включении этой настройки у кнопки появится анимация пульсирования.

 
 

 

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

 

Главной особенностью этого стиля является размещение текста заголовка в кнопке.

Для стиля "Текст" доступны следующие настройки:

  • Заголовок Online и Offline;
  • Радиус кнопки;
  • Граница кнопки;
  • Шрифт.
 
 

 

Заголовок Online и Offline

 

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

 

Заголовок для данного стиля нельзя отключить.

 

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

 

 

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

 

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

 
 

 

Радиус кнопки

 

Настройка регулирует радиус кнопки. Чем больше радиус, тем более закруглённую форму будет иметь кнопка.

При минимальном значении (0) кнопка будет прямоугольной, при максимальном значении (50) - овальной.

 
 

 

Граница кнопки

 

Данная настройка определяет размер границы кнопки.

Чем выше значение, тем больше размер границы.

 
 

 

Шрифт

 

Настройка позволяет выбрать шрифт текста в кнопке, а также его размер.

 

Размер кнопки зависит от размера шрифта.

 
 

 

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

 

Этот стиль позволяет использовать в качестве кнопки любое изображение.

Для стиля "Изображение" доступны следующие настройки:

  • Заголовок Online / Offline;
  • Изображение Online / Offline.
 
 

 

Заголовок 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 вы можете прочитать в отдельной статье.

 

 

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

 

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

 

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

30894 просмотра

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

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