Настройка виджета


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

 
 

 

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

 

Размер окна виджета

 

Основная настройка окна - изменение размеров. С её помощью можно изменять ширину и высоту окна виджета.

 
 

Остальные настройки окна виджета находятся в расширенном меню. Нажмите на слайдер "Расширенные настройки", чтобы их отобразить.

 
 

 

Закругление виджета

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

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

 
 
 

Минимальное закругление

 

Максимальное закругление

 

 

Отступы в шапке виджета

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

Эта настройка отвечает за расстояние верхней и нижней границ шапки виджета от заголовка.

Чем выше выбранное значение, тем больше будет расстояние.

 
 
 

Минимальный отступ

 

Максимальный отступ

 

 

Шрифт виджета

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

Чем выше выбранное значение шрифта, тем больше он будет.

 
 

В поле "Шрифт" помимо различных шрифтов можно выбрать опции "Системный шрифт" и "Как у body на вашем сайте".

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

Опция "Как у body на вашем сайте" означает, что шрифт в виджете будет таким же, как шрифт, используемый в "body" на вашем сайте.

 

 

Граница виджета

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

Толщину и цвет границы можно изменять. Высокое значение границы сделает её больше.

 
 
 

Минимальная граница

 

Максимальная граница

 

 

Тень виджета

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

Размер и цвет тени можно изменять. Высокое значение тени сделает её больше.

 
 
 

Минимальная тень

 

Максимальная тень

 

 

Начальное расположение окна виджета

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

Настройка позволяет использовать одну из следующих опций:

  • Рядом с кнопкой;
  • На месте кнопки;
  • По центру экрана.
 

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

Например, при выборе опции расположения "Рядом с кнопкой", если кнопка виджета находится сверху посередине, то окно виджета откроется там же (сверху посередине). Отступ окна от верхней границы экрана будет соответствовать размеру кнопки.

О том, как изменить расположение кнопки виджета, рассказано в статье "Кнопка".

 
 

 

Разрешить изменять размер окна виджета

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

 

 

Разрешить перетаскивать окно виджета

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

Когда настройка включена, посетитель сайта может перетаскивать окно виджета в любое место на экране.

 

 

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

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

 

 

Закрывать виджет на смартфонах по нажатию на кнопку "Назад"

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

 

 

Изменить значение "z-index"

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

"z-index" определяет слой, на котором располагается виджет.

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

 

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

 

 

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

 

Настройки контента находятся в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы их увидеть.

 

Отступ

 

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

 
 
 

Минимальный отступ

 

Максимальный отступ

 

 

Закругление

 

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

 
 
 

Закругление отключено

 

Закругление включено

 

 

Границы контента

 

Настройка позволяет изменять размер и цвет границ окна.

 
 

 

Настройки чата

 

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

  • Отображение аватара в истории диалога;
  • Отображение имени оператора в истории диалога;
  • Параметры отображения шапки виджета в случае, когда не выбран оператор.
 
 

 

Отображение аватара в истории диалога

 

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

 
 

 

Отображение имени оператора в истории диалога

 

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

 
 

 

Параметры отображения шапки виджета в случае, когда не выбран оператор

 

Данная настройка будет применяться к следующим типам распределения диалогов:

 

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

 
 

 

Рамка аватара оператора в шапке

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

Добавляет круглую рамку на аватар оператора. Цвет рамки будет таким же, как цвет текста шапки виджета.

 
 

Настройки цветов описаны в статье "Цвета".

 

 

Отображать название отдела в шапке

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

 
 

Более подробно об отделах операторов рассказано в данной статье.

 

 

Закругление сообщений

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

Данная настройка отвечает за форму поля сообщения (как пользователя, так и оператора).

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

 
 
 

Закругление отсутствует

 

Закругление максимально

 

 

Интервал между буквами

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

 
 
 

Минимальный интервал

 

Максимальный интервал

 

 

Нижняя граница диалога

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

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

 
 
 

Нижняя граница диалога отсутствует

 

Максимально большая граница диалога

 

 

Поле для ввода сообщения

 

Настройка находится в расширенном меню. Кликните слайдер "Расширенные настройки", чтобы отобразить её.

 

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

  • Цвет фона, текста и кнопок (к ним относятся значок смайликов, прикрепления вложений, а также фоновый текст поля);
  • Свой цвет кнопки "Отправить";
  • Отображать кнопку отправки всегда;
  • Граница поля;
  • Закругление поля;
  • Внешние отступы текстового поля;
  • Внутренние отступы текстового поля.

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

 

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

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

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

 
 
 

Поле ввода с базовыми настройками

 

Поле ввода с измененными настройками

26119 просмотров

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

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