Документация: Кнопка Skype для Joomla

Перейдите в списком модулей сайта, в панели администратора Joomla. В списке модулей найдите «IWS.BY Кнопка Skype». Нажмите на название модуля, перед вами откроется страница с доступными настройками. Рассмотрим каждое поле ниже.

Основные настройки модуля

• Лицензионный ключ. В поле необходимо ввести лицензионный ключ, полученный на сайта IWS.BY. Без лицензионного ключа в данном поле модуль не сможет получить доступ к серверу обновлений и автоматически обновляться.
• Тип кнопки. Опция задает тип кнопки. «Кнопка» - на странице сайта будет просто кнопка. «Менеджер» - по нажатию на кнопку будет появляться всплывающее окно с информацией о менеджере и кнопкой, нажав на которую будет открыт чат с менеджером в Skype. «Агенты» - по нажатию на кнопку будет появляться всплывающее окно, в котором будет список агентов, которые доступны для связи через Skype. «Карточка» — статический блок с оператором, который доступен для связи через Skype.
• Атрибут открытия ссылки. Опция отвечает за открытие ссылки в браузере у посетителя сайта. Возможны два варианта: по нажатию на кнопку ссылка откроется в новом окне и по нажатию на кнопку ссылка откроется в текущем окне браузера.
• REL атрибут ссылки. Опция отвечает за описание ссылки для поисковых роботов.
  «Nofollow» - атрибут запрещает переход поисковым роботам по ссылке.
  «Noreferrer» - атрибут запрещает передачу ссылке источника перехода (вашего сайта).

Настройки плавающей кнопки

• Размер кнопки. Поле отвечает за размер кнопки, задаёт высоту и ширину кнопки. Указывается числом в пикселях.
• Цвет фона. Опция указывает фоновый цвет плавающей кнопки. Указывается в формате HEX.
• Цвет иконки. Опция указывает цвет иконки на плавающей кнопке. Указывается в формате HEX.
• Расположение кнопки. Опция отвечает за расположение плавающей кнопки относительно экрана посетителя сайта. Доступны два варианта: левая и правая сторона. Кнопка будет прижата к нижней части сайта.
• Отступ справа. Поле задает расстояние между кнопкой и правой частью экрана посетителя сайта. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Расположение кнопки» выбрано значение «Справа».
• Отступ слева. Поле задает расстояние между кнопкой и левой частью экрана посетителя сайта. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Расположение кнопки» выбрано значение «Слева».
• Отступ снизу. Поле задает расстояние между кнопкой и нижней частью экрана посетителя сайта. Указывается числом в пикселях.
• Уровень слоя. В поле необходимо заполнить уровень слоя, на котором будет доступна кнопка относительно всех элементов сайта. Аналог свойства в CSS: z-index.

Настройки границы

• Включить границу?. Опция отвечает за активацию границы вокруг виджета кнопки. Если выбрано значение «Да», то настройки к рамке будут применяться из настроек ниже.
• Ширина границы. В поле заполняется ширина рамки. Указывается числом в пикселях. Аналог свойство CSS: border-width.
• Стиль границы. Опция отвечает за стиль рамки вокруг кнопки. Доступно четыре стиля рамок: сплошная, пунктирная, точками и двойной линией.
• Цвет границы. Опция задает цвет рамки вокруг кнопки виджета. Указывается в формате HEX.

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

• Включить анимацию?. Опция отвечает за активацию анимации кнопки. Если выбрано значение «Да», то будет применяться анимацию из поля ниже.
• Тип анимации. Опция отвечает за тип анимации, которая будет применяться к кнопке. Доступны четыре вариант анимации: кнопка пульсирует, кнопка подпрыгивает, кнопка двигается и иконка вращается.
• Продолжительность. Задаёт продолжительность в секундах воспроизведение цикла анимации.
• Длина пульсации. Устанавливает длину максимальной точки пульсации от кнопки. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Тип анимации» выбрано значение «Кнопка пульсирует».
• Высота прыжка. Устанавливает высоту максимального прыжка кнопки. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Тип анимации» выбрано значение «Кнопка прыгает».
• Ширина движения. Устанавливает максимальную горизонтальную точку движения кнопки. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Тип анимации» выбрано значение «Кнопка двигается».

Режим «Кнопка»

Чтобы настройки режима «Кнопка» применялись, необходимо в первой вкладке настроек модуля, в поле «Тип кнопки» выбрать значение «Кнопка». После этого в настройках модуля переключитесь на вкладку «Режим «Кнопка»».

• Логин Skype. В поле нужно ввести ваш логин из Skype, с которым будет открываться чат.
  Пример логина Skype: skypeLogin
• Вид кнопки. Опция отвечает за вид кнопки, которая будет показана на странице. Доступно два вида кнопки. «Плавающая кнопка» - на странице сайта будет кнопка, которая будет располагаться относительно экрана посетителя сайта. «Статическая кнопка» - кнопка будет закреплена на указанной позиции модуля в виде статического блока.
• Включить внешние отступы?. Если выбрано значение «Да», ток кнопке будут применяться внешние отступы из настроек ниже.
• Внешний отступ сверху. Поле отвечает за расстояние между кнопкой и ближайшим объектом сверху. Указывается числом.
• Внешний отступ справа. Поле отвечает за расстояние между кнопкой и ближайшим объектом справа. Указывается числом.
• Внешний отступ снизу. Поле отвечает за расстояние между кнопкой и ближайшим объектом снизу. Указывается числом.
• Внешний отступ слева. Поле отвечает за расстояние между кнопкой и ближайшим объектом слева. Указывается числом.
• Единица измерения внешнего отступа. Опция отвечает за тип единицы измерения, применяемой к внешнему отступа от кнопки. Может быть: px, %, em.

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

• Включить статус оператора?. Если выбрано значение «Да», то в настройках ниже появятся опции, позволяющие настроить время доступности оператора.
• График работы. Группа опций, позволяющая настроить график статуса оператора в сети. Настроить статусы можно на каждый день недели. Ниже будут описаны поля для одного дня недели. Поля повторяются для каждого дня недели.

• Работает?. Если выбрано значение «Да», то оператор будет доступен этот день недели.
• Начало рабочего дня. Указывается время, начиная с которого статус оператора будет указываться «В сети».
• Конец рабочего дня. Указывается время, после которого оператор будет не доступен, статус будет «Не в сети».

• Цвет статуса «в сети». Задаёт цвет фона объекта, который отвечает за статус оператора на кнопке, когда он находится в сети. Указывается в формате HEX.
• Цвет статуса «не в сети». Задаёт цвет фона объекта, который отвечает за статус оператора на кнопке, когда он находится не в сети. Указывается в формате HEX.
• Ширина виджета. Поле задаёт ширину объекта, который отвечает за статус оператора на кнопке. Указывается числом в пикселях.
• Отступ справа. Отвечает за отступ с правой стороны до объекта, который отвечает за статус оператора на кнопке. Указывается числом в пикселях.
• Отступ снизу. Отвечает за отступ с нижней стороны до объекта, который отвечает за статус оператора на кнопке. Указывается числом в пикселях.
• Включить эффект, когда оператор не в сети. Если выбрано значение «Да», то к кнопке в случае, если оператор не в сети, будут применяться значения из настроек ниже.
• Цвет фона кнопки, если оператор не в сети. Цвет фона будет применяться к кнопке, когда оператор будет не в сети. Указывается в формате HEX.
• Цвет иконки, если оператор не в сети. Цвет будет применяться к иконке на кнопке, когда оператор будет не в сети. Указывается в формате HEX.

Режим «Менеджер»

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

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

• Логин Skype. В поле нужно ввести ваш логин из Skype, с которым будет открываться чат.
  Пример логина Skype: skypeLogin
• Дизайн окна. Опция отвечает за дизайн всплывающего окна. Имеется три вариант цветового дизайна: светлый, тёмный и пользовательский. Пользовательский откроет дополнительные настройки, с помощью которых можно будет настроить собственную цветовую гамму под дизайн вашего сайта.
• Фото менеджера. Задаёт изображение для менеджера. Рекомендуется использовать квадратное изображение, так как оно будет отображаться в круге, в верхней части виджета.
• Имя менеджера. Задаёт имя менеджера. Имя менеджера отображается справа от изображения менеджера в верхней части виджета.
• Департамент менеджера. Задаёт департамент менеджера. Департамент менеджера отображается справа от изображения менеджера, под именем менеджера в верхней части виджета.
• Сообщение от менеджера. Сообщение от менеджера будет отображаться в центральной части виджета.
• Название кнопки. Поле задает текст для кнопки в нижней части виджета, нажав на которую, посетитель перейдет в чат с логином, указанным в настройках модуля.
• Включить иконку?. Если выбрано значение «Да», то иконка звонка появится рядом с названием на кнопке, которая предлагает написать электронное письмо.
• Размер иконки. Поле отвечает за ширину и высоту иконки. Указывается числом в пикселях.

Настройки статуса менеджера

• Включить статус менеджера. Если выбрано значение «Да», то в режиме «Менеджер» будет показываться статус оператора. Для настроек статуса необходимо заполнить рабочее время менеджера по дням недели. Поля ниже будут описаны для одного дня недели. Такие поля настроек имеются для каждого дня недели.
• Выключить оператора?. Если выбрано значение «Да», то к кнопке будет применяться эффекты, если оператор не в сети.
• График работы. Группа опций, позволяющая настроить график статуса оператора в сети. Настроить статусы можно на каждый день недели. Ниже будут описаны поля для одного дня недели. Поля повторяются для каждого дня недели.

• Работает?. Если выбрано значение «Да», то оператор будет доступен этот день недели.
• Начало рабочего дня. Указывается время, начиная с которого статус оператора будет указываться «В сети».
• Конец рабочего дня. Указывается время, после которого оператор будет не доступен, статус будет «Не в сети».

• Сообщение от менеджера, если он не в сети. Сообщение, которое будет показываться в виджете, когда он находится не в сети.
• Статус оператора в шапке. Если выбрано значение «Да», то в верхней части виджета под департаментом оператора будет показываться его статус: в сети или не в сети.

Статус менеджера на плавающей кнопке

• Цвет статуса «в сети». Опция задаёт цвет виджета, когда менеджер находится в сети. Указывается в формате HEX.
• Цвет статуса «не в сети». Опция задаёт цвет виджета, когда менеджер находится не в сети. Указывается в формате HEX.
• Ширина виджета. В поле указывается ширина и высота виджета со статусом менеджера. Указывается числом в пикселях.
• Отступ справа. Поле отвечает за расстояние с правой стороны до объекта, который показывает статус менеджера. Указывается числом в пикселях.
• Отступ снизу. Поле отвечает за расстояние с нижней стороны до объекта, который показывает статус менеджера. Указывается числом в пикселях.

Статус менеджера на шапке виджета

• Включить статус менеджера. Если выбрано значение «Да», то в окне виджета менеджера в верхней части будет показан статус менеджера.
• Цвет статуса «в сети». Опция задаёт цвет виджета, когда менеджер находится в сети. Указывается в формате HEX.
• Цвет статуса «не в сети». Опция задаёт цвет виджета, когда менеджер находится не в сети. Указывается в формате HEX.
• Ширина виджета. В поле указывается ширина и высота виджета со статусом менеджера. Указывается числом в пикселях.
• Статус оператора «в сети». Текст статуса менеджера, когда он находится в сети.
• Статус оператора «не в сети». Текст статуса менеджера, когда он находится не в сети.

Настройки собственного дизайна

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

Настройки типографии

• Настроить типографию?. Если выбрано значение «Да», то в режиме «Менеджер» будет включена возможность настроить типографию всех текстовых элементов.

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

• Размер текста. Отвечает за размер текста у настраиваемого элемента. Аналог свойства в CSS: font-size.
• Единица измерения текста. Единица измерения, которая будет применяться к размеру текста. Можно выбрать px, %, em и rem.
• Высота строк. Отвечает за высоту строк текста у настраиваемого элемента. Аналог свойства в CSS: line-height.
• Единица измерения высоты строк. Единица измерения, которая будет применяться к высоте строк. Можно выбрать px, %, em и rem.
• Толщина текста. Опция задаёт толщину текста. Возможно выбрать значение от 100 до 900. Аналог свойства в CSS: font-weight.
• Трансформация текста. Опция задаёт регистр текстового элемента. Может быть: первые буквы заглавными, строчным, верхний регистр и без изменения регистра. Аналог свойства в CSS: text-transform.
• Оформление текста. Опция устанавливает оформление текстового элемента. Может быть: без оформления, подчёркнутый, линия над текстом и перечёркнутый. Аналог свойства в CSS: text-decoration.

Режим «Агенты»

Чтобы настройки режима «Агенты» применялись, необходимо в первой вкладке настроек модуля, в поле «Тип кнопки» выбрать значение «Агенты». После этого в настройках модуля переключитесь на вкладку «Режим «Агенты»».

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

• Дизайн окна. Опция отвечает за дизайн всплывающего окна. Имеется три вариант цветового дизайна: светлый, тёмный и пользовательский. Пользовательский откроет дополнительные настройки, с помощью которых можно будет настроить собственную цветовую гамму под дизайн вашего сайта.
• Название окна. В поле нужно ввести название окна, которое вы хотите, чтобы показывалось в верхней части всплывающего окна слева.
• Описание окна. В поле вводится описание окна, которое вы хотите, чтобы показывалось в верхней части всплывающего окна слева под названием окна.
• Агенты. Опция отвечает за добавление агентов, которые будут отображены в всплывающем окне. В инструкции мы опишем группу полей к одному агенту. Добавлять других агентов одинаково.

• • Фото агента. Задаёт изображение для агента. Рекомендуется использовать квадратное изображение, так как оно будет отображаться в круге слева от имени и департамента агента.
  • Имя агента. Задаёт имя агента. Имя агента отображается справа от изображения агента.
  • Департамент агента. Задаёт департамент агента. Департамент агента отображается справа от изображения агента, под именем агента.
  • Логин Skype. В поле нужно ввести ваш логин из Skype, с которым будет открываться чат.
    Пример логина Skype: skypeLogin
  • График работы. Настройки отвечают за статус агента. Настройки графика работы для каждого агента отдельные. Указываются для каждого дня недели.

• Работает?. Если выбрано значение «Да», то агент будет доступен этот день недели.
• Начало рабочего дня. Указывается время, начиная с которого статус агента будет указываться «В сети».
• Конец рабочего дня. Указывается время, после которого агент будет не доступен, статус будет «Не в сети».

Настройки статуса агентов

• Включить статус агентов?. Если выбрано значение «Да», то в режиме «Агенты» будет показываться статус оператора. Для настроек статуса необходимо заполнить рабочее время менеджера по дням недели. Настройки рабочего времени происходят в форме добавления агентов выше.
• Ширина виджета. В поле указывается ширина и высота виджета со статусом оператора. Указывается числом в пикселях.
• Цвет статуса «в сети». Отвечает за цвет фона объекта, который отвечает статус агента, если он находится в сети. Указывается в формате HEX.
• Цвет статуса «не в сети». Отвечает за цвет фона объекта, который отвечает статус агента, если он находится не в сети. Указывается в формате HEX.
• Статус агента в сети. Текст статуса агента, когда он находится в сети.
• Статус агента не в сети. Текст статуса агента, когда он находится не в сети.
• Включить эффект фото, когда агент не в сети. Если выбрано значение «Да», то к фото агента, который не в сети, будет применяться эффект серого цвета.

Настройки собственного дизайна

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

Настройки типографии

• Настроить типографию?. Если выбрано значение «Да», то в режиме «Агенты» будет включена возможность настроить типографию всех текстовых элементов.

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

• Размер текста. Отвечает за размер текста у настраиваемого элемента. Аналог свойства в CSS: font-size.
• Единица измерения текста. Единица измерения, которая будет применяться к размеру текста. Можно выбрать px, %, em и rem.
• Высота строк. Отвечает за высоту строк текста у настраиваемого элемента. Аналог свойства в CSS: line-height.
• Единица измерения высоты строк. Единица измерения, которая будет применяться к высоте строк. Можно выбрать px, %, em и rem.
• Толщина текста. Опция задаёт толщину текста. Возможно выбрать значение от 100 до 900. Аналог свойства в CSS: font-weight.
• Трансформация текста. Опция задаёт регистр текстового элемента. Может быть: первые буквы заглавными, строчным, верхний регистр и без изменения регистра. Аналог свойства в CSS: text-transform.
• Оформление текста. Опция устанавливает оформление текстового элемента. Может быть: без оформления, подчёркнутый, линия над текстом и перечёркнутый. Аналог свойства в CSS: text-decoration.

Режим «Карточка»

Чтобы настройки режима «Карточка» применялись, необходимо в первой вкладке настроек модуля, в поле «Тип кнопки» выбрать значение «Карточка». После этого в настройках модуля переключитесь на вкладку «Режим «Карточка»».

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

• Логин Skype. В поле нужно ввести ваш логин из Skype, с которым будет открываться чат.
  Пример логина Skype: skypeLogin
• Дизайн карточки. Опция отвечает за дизайн карточки. Имеется три вариант цветового дизайна: светлый, тёмный и пользовательский. Пользовательский откроет дополнительные настройки, с помощью которых можно будет настроить собственную цветовую гамму под дизайн вашего сайта.
• Графический элемент. Опция отвечает за графический элемент, который будет показан на карточке. Доступно два вариант: фото оператора или иконка модуля.
• Фото оператора. Опция задаёт фотографию оператора, отображаемую на карточке. Рекомендуется загружать квадратное фото.
• Тип фото. Опция отвечает за тип фотографии оператора. Может быть: квадратным, квадратным со скругленными углами и круглое.
• Имя оператора. Задаёт имя оператора. Имя оператора отображается справа от изображения менеджера.
• Департамент оператора. Задаёт департамент оператора. Департамент оператора отображается справа от изображения менеджера.
• Сообщение оператора. Задаёт сообщение оператора. Сообщение оператора отображается справа от изображения менеджера.

Настройки блока

• Включить внешние отступы?. Если выбрано значение «Да», то к блоку с карточкой будут применяться внешние отступы, задаваемые полями ниже.
• Внешние отступ сверху. Задаёт отступ от карточки до ближайшего объекта сверху. Указывается числом.
• Внешние отступ справа. Задаёт отступ от карточки до ближайшего объекта справа. Указывается числом.
• Внешние отступ снизу. Задаёт отступ от карточки до ближайшего объекта снизу. Указывается числом.
• Внешние отступ слева. Задаёт отступ от карточки до ближайшего объекта слева. Указывается числом.
• Единица измерения внешнего отступа. Опция задаёт единицу измерения, которая будет применяться к внешним отступам. Доступно: px, % и em.
• Внутренний отступ сверху. Задаёт отступ от верхней границы карточки до содержимого. Указывается числом.
• Внутренний отступ справа. Задаёт отступ от правой границы карточки до содержимого. Указывается числом.
• Внутренний отступ снизу. Задаёт отступ от нижней границы карточки до содержимого. Указывается числом.
• Внутренний отступ слева. Задаёт отступ от левой границы карточки до содержимого. Указывается числом.
• Единица измерения внутреннего отступа. Опция задаёт единицу измерения, которая будет применяться к внутренним отступам. Доступно: px, % и em.
• Закруглить углы карточки?. Если выбрано значение «Да», то у карточки будут закругленные углы.
• Радиус закругления углов. Указывает закругление углов блока карточки. Указывается числом.
• Единица измерения радиуса закругления. Указывает единицу измерения, которая будет применяться к закруглению углов. Доступно: px, % и em.

Настройки статуса оператора

• Включить статус оператора?. Если выбрано значение «Да», то в режиме «Карточка» будет показываться статус оператора. Для настроек статуса необходимо заполнить рабочее время оператора по дням недели. Настройки рабочего времени производятся в поле ниже.
• График работы. Настройки отвечают за статус оператора. Указываются для каждого дня недели.

• Работает?. Если выбрано значение «Да», то оператор будет доступен этот день недели.
• Начало рабочего дня. Указывается время, начиная с которого статус оператора будет указываться «В сети».
• Конец рабочего дня. Указывается время, после которого оператор будет не доступен, статус будет «Не в сети».

• Сообщение от оператора, если он не в сети. В поле сообщение, которое будет показано на карточке, когда оператор не в сети.
• Цвет статуса «в сети». Отвечает за цвет фона объекта, который отвечает статус оператора, если он находится в сети. Указывается в формате HEX.
• Цвет статуса «не в сети». Отвечает за цвет фона объекта, который отвечает статус оператора, если он находится не в сети. Указывается в формате HEX.
• Ширина виджета. В поле указывается ширина и высота виджета со статусом оператора. Указывается числом в пикселях.
• Статус оператора «в сети». Текст статуса оператора, когда он находится в сети.
• Статус оператора «не в сети». Текст статуса оператора, когда он находится не в сети.
• Включить эффект, когда оператор не в сети. Если выбрано значение «Да», то к фото оператора, который не в сети, будет применяться эффект серого цвета. Блок карточки получит так же выделение в данном статусе.

Настройки собственного дизайна

• Цвет фона карточки. Опция задаёт фоновый цвет карточки, на которой отображены данные агента. Указывается в формате HEX.
• Цвет иконки. Опция задаёт цвет иконки на карточке. Указывается в формате HEX.
• Цвет имени оператора. Опция задаёт цвет имени агента. Указывается в формате HEX.
• Цвет разделителя. Опция задаёт цвет разделителя между именем агента и его департаментом. Указывается в формате HEX.
• Цвет департамента оператора. Опция задаёт цвет департамента агента. Указывается в формате HEX.
• Цвет статуса оператора. Опция задаёт цвет статуса агента. Указывается в формате HEX.
• Цвет сообщение оператора. Опция задаёт цвет сообщения от агента. Указывается в формате HEX.

Настройки типографии

• Настроить типографию?. Если выбрано значение «Да», то в режиме «Агенты» будет включена возможность настроить типографию всех текстовых элементов.

Далее будет расписана одна группа полей. Такие группы полей можно настроить для: имя агента, департамент агента, статус агента и сообщение агента.

• Размер текста. Отвечает за размер текста у настраиваемого элемента. Аналог свойства в CSS: font-size.
• Единица измерения текста. Единица измерения, которая будет применяться к размеру текста. Можно выбрать px, %, em и rem.
• Высота строк. Отвечает за высоту строк текста у настраиваемого элемента. Аналог свойства в CSS: lint-height.
• Единица измерения высоты строк. Единица измерения, которая будет применяться к высоте строк. Можно выбрать px, %, em и rem.
• Толщина текста. Опция задаёт толщину текста. Возможно выбрать значение от 100 до 900. Аналог свойства в CSS: font-weight.
• Трансформация текста. Опция задаёт регистр текстового элемента. Может быть: первые буквы заглавными, строчным, верхний регистр и без изменения регистра. Аналог свойства в CSS: text-transform.
• Оформление текста. Опция устанавливает оформление текстового элемента. Может быть: без оформления, подчёркнутый, линия над текстом и перечёркнутый. Аналог свойства в CSS: text-decoration.

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

Данный раздел настроек необходим для анализа нажатия на кнопки виджета. Настройки добавляют события на кнопку, но не добавляют счётчики Google Analytics и Яндекс Метрики, это делается другими плагинами. События будут работать если на страницы сайта установлены коды сервисов аналитики. Чтобы перейти в настройки аналитики, нажмите в верхней части настроек модуля на вкладку «Аналитика».

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

Google Analytics

Создание событий в Google Analytics описаны в официальной документации и доступны по ссылке: https://support.google.com/analytics/answer/12844695?hl=ru.

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

• Первый - в режиме кнопки «Кнопка». Событие вешается на кнопку и передается в сервис после нажатия на кнопку.
• Второй - в режиме кнопки «Менеджер» и «Агенты». В данном случае события будет два. Первое событие передается при нажатии на плавающую кнопку, а второе передается при нажатии на кнопку в виджете.

• Включить Google Analytics?. Опция включает возможности передачи аналитики по отслеживанию событий кнопки в Google Analytics.

Тип кнопки: Кнопка и Карточка

• Параметр. В поле заполняется идентификатор параметра, созданного в Google Analytics.
• Значение. В поле заполняется значение параметра, созданного в Google Analytics.

Тип кнопки: Менеджер и Агенты

• Параметр (шаг 1). В поле заполняется идентификатор параметра для первого шага (нажатие на плавающую кнопку), созданного в Google Analytics.
• Значение (шаг 1). В поле заполняется значение параметра для первого шага (нажатие на плавающую кнопку), созданного в Google Analytics.
• Параметр (шаг 2). В поле заполняется идентификатор параметра для второго шага (нажатие кнопки во всплывающем окне), созданного в Google Analytics.
• Значение (шаг 2). В поле заполняется значение параметра для второго шага (нажатие кнопки во всплывающем окне), созданного в Google Analytics.

Яндекс Метрика

Создание целей в Яндекс Метрике описаны в официальной документации и доступны по ссылке: https://yandex.ru/support/metrica/general/goal-js-event.html#js-event.

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

• Первый - в режиме кнопки «Кнопка». Событие вешается на кнопку и передается в сервис после нажатия на кнопку. Создайте обычную Java Script цель.
• Второй - в режиме кнопки «Менеджер» и «Агенты». В данном случае события будет два. Первое событие передается при нажатии на плавающую кнопку, а второе передается при нажатии на кнопку в виджете. Создайте составную цель из двух Java Script событий.

• Включить Яндекс Метрику?. Опция включает возможности передачи аналитики по отслеживанию целей кнопки в Яндекс Метрику.
• Идентификатор Яндекс Метрики. В поле необходимо ввести номер счётчика вашего сайта в Яндекс Метрике. О том как найти номер счётчика описано по ссылке: https://yandex.ru/support/metrica/general/tag-id.html.

Тип кнопки: Кнопка и Карточка

• Идентификатор события. В поле заполняется идентификатор цели, созданной в Яндекс Метрике.

Тип кнопки: Менеджер и Агенты

• Идентификатор события (шаг 1). В поле заполняется идентификатор цели для первого шага (нажатие на плавающую кнопку), созданной в Яндекс Метрике.
• Идентификатор события (шаг 2). В поле заполняется идентификатор цели для второго шага (нажатие кнопки во всплывающем окне), созданной в Яндекс Метрике.

CSS и JS

Данный раздел настроек для продвинутых пользователей, знающих синтаксис CSS и JavaScript. Если ваши знания позволяют работать с CSS и JS, то этот раздел для вас.

• CSS код. В текстовое поле можно ввести CSS код, который необходимо добавить на страницы сайта, на которых установлена кнопка.
• JS код. В текстовое поле можно ввести Java Script код, который необходимо добавить на страницы сайта, на которых установлена кнопка. Синтаксис JS необходимо использовать согласно официальной документации Joomla.

Функция вызова всплывающего окна

Для режимов «Менеджер» и «Агенты» имеется функция вызова всплывающего окна. Для её использования необходимо вызвать JavaScript функцию методом onClick.

Функция выглядит так:

openIwsbySkypeID();

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

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

openIwsbySkype20();

Данную функцию можно вызывать двумя методами:

1. Вызов через метод onClick:

   <a href="#" onClick="openIwsbySkype20();return false;">

   Обратите внимание, что после функции добавляется return fase - это отключает переход по ссылке. Чтобы страница не обновлялась, необходимо добавлять данный элемент.

2. Вызов через значение ссылки:

   <a href="javascript:openIwsbySkype20()">

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

Ошибка статуса оператора

Если вы заметили, что статус оператора работает не правильно, то первым делом необходимо проверить настройки вашего хостинга. В файле php.ini должен быть установлен правильно часовой пояс вашего региона. Для этого перейдите на просмотр страницы phpinfo() и в поле timezone должен стоять ваш регион. Если стоит регион не верный, то обратитесь в техническую поддержку вашего хостинг провайдера и попросите настроить timezone согласно вашему региону.