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

Чтобы попасть в настройки плагина, перейдите через меню в панели администратора по пути «IWS.BY» — «Кнопка WhatsApp».

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

Лицензионный ключ

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

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

Активировать кнопку WhatsApp?

Если выбрано значение «Да», то на сайте будет добавлена плавающая кнопка WhatsApp с настройками из полей ниже.

Тип кнопки

Опция задает тип кнопки WhatsApp. «Кнопка» - на странице сайта будет просто плавающая кнопка, нажав на которую, пользователь откроет чат с указанным номером в WhatsApp. «Менеджер» - по нажатию на кнопку будет появляться всплывающее окно с информацией о менеджере и кнопкой, нажав на которую откроется чат с указанным номером в WhatsApp.

Номер телефона

В поле необходимо ввести полный номер телефона без символа +, специальных символов и пробелов. Пример правильного номера телефона: 375441111111.

Атрибут открытия ссылки

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

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

Поле отвечает за размер кнопки WhatsApp на сайте. Значение применяется к высоте и ширине кнопки. Указывается числом в пикселях.

Цвет кнопки

Опция задаёт цвет фона кнопки WhatsApp. Указывается в формате HEX.

Цвет иконки

Опция задаёт цвет иконки WhatsApp на кнопке. Указывается в формате HEX.

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

Опция отвечает за сторону, относительно которой будет отображаться кнопка WhatsApp у посетителя сайта. Кнопка будет отображаться в нижней части экрана со стороны, выбранной в данной опции.

Отступ справа

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

Отступ слева

В поле указывается расстояние от левой стороны экрана до кнопки WhatsApp. Указывается числом в пикселях. Чтобы применялось значение из данного поля, нужно в опции «Расположение кнопки» выбрать значение «Левая сторона».

Отступ снизу

В поле указывается расстояние от нижней стороны экрана до кнопки WhatsApp. Указывается числом в пикселях.

Уровень слоя (Z-INDEX)

Поле отвечает за уровень слоя, на котором будет отображаться кнопка WhatsApp. Аналог данного свойства в CSS: z-index.

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

Включить границу?

Если выбрано значение «Да», то у кнопки WhatsApp появится граница с настройками из полей ниже.

Ширина границы

Поле отвечает за ширину границы у кнопки WhatsApp. Указывается числом в пикселях. Аналог свойства в CSS: border-width.

Стиль границы

Опция отвечает за стиль границы у кнопки WhatsApp. Может быть сплошной линией, сплошной двойной линией, точечным пунктиром и штриховым пунктиром. Аналог свойства в CSS: border-style.

Цвет границы

В опции задается цветовой код границы у кнопки WhatsApp. Указывается в формате HEX. Аналог свойства в CSS: border-color.

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

Включить анимацию?

Если выбрано значение «Да», то к кнопке WhatsApp будет применяться анимация из настроек ниже.

Тип анимации

Опция задает тип анимации, применяемый к кнопке WhatsApp. Доступно четыре вида анимации: кнопка пульсирует, кнопка подпрыгивает, кнопка двигается и иконка вращается.

Продолжительность

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

Длина пульсации

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

Высота прыжка

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

Ширина движения

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

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

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

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

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

Дизайн окна

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

Изображение менеджера

Опция устанавливает изображение менеджера в всплывающем окне. Рекомендуется использовать квадратное изображение. Изображения в длину и ширину меньше 150 пикселей не рекомендуется использовать. Размер изображения, которые большие, система WordPress сама оптимизирует и установит правильного размера. Главное: изображение должно быть квадратным.

Имя менеджера

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

Департамент менеджера

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

Сообщение от менеджера

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

Название кнопки

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

Настройки собственного дизайна всплывающего окна

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

Фоновый цвет шапки

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

Цвет имени

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

Цвет департамента

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

Цвет иконки закрытия

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

Цвет иконки закрытия при наведении

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

Фоновый цвет контента

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

Фоновый цвет сообщения

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

Цвет сообщения

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

Фоновый цвет подвала

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

Фоновый цвет кнопки

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

Фоновый цвет кнопки при наведении

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

Цвет текста на кнопке

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

Цвет текста на кнопке при наведении

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

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

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

Настройки работают из данного раздела только в том случае, если у Вас установлены коды интеграции с Google Analytics или Яндекс Метрики.

Включить аналитику?

Если выбрано значение «Да», то возможности аналитики будут применяться к кнопке WhatsApp.

Google Analytics

Включить Google Analytics?

Если выбрано значение «Да», то настройки из полей ниже, касающиеся Google Analytics, будут применяться к кнопке WhatsApp.

Ниже расписаны поля, которые применяются в зависимости от типа кнопки. Если тип кнопки - Кнопка, то событие будет отправляться при нажатии на плавающую кнопку. Если тип кнопки - Менеджер, то событий будет несколько. Первое - при нажатии на плавающую кнопку, второй - при нажатии на кнопку в всплывающем окне, при открытии чата.

Инструкция по созданию нового события доступна по ссылке: https://support.google.com/analytics/answer/10085872?hl=ru

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

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

Параметр

В поле необходимо ввести название параметра, которое использовали при создании события в Google Analytics.

Значение

В поле необходимо ввести значение параметра, которое использовали при создании события в Google Analytics.

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

В этом режиме отправляется два события. Первое - при нажатии на плавающую кнопку. Второе - при нажатии на кнопку в всплывающем окне.

Параметр (шаг 1)

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

Значение (шаг 1)

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

Параметр (шаг 2)

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

Значение (шаг 2)

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

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

Включить Яндекс Метрику?

Если выбрано значение «Да», то настройки из полей ниже, касающиеся Яндекс Метрики, будут применяться к кнопке WhatsApp.

Идентификатор Яндекс Метрики

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

Ниже расписаны поля, которые применяются в зависимости от типа кнопки. Если тип кнопки - Кнопка, то событие будет отправляться при нажатии на плавающую кнопку. Если тип кнопки - Менеджер, то событий будет несколько. Первое - при нажатии на плавающую кнопку, второй - при нажатии на кнопку в всплывающем окне, при открытии чата.

Инструкция по созданию новой цели доступна по ссылке: https://yandex.ru/support/metrica/general/goal-js-event.html. В работе плагина предусмотрен тип цели «JavaScript-событие».

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

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

Идентификатор цели

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

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

В этом режиме отправляется два события. Первое - при нажатии на плавающую кнопку. Второе - при нажатии на кнопку в всплывающем окне.

Идентификатор цели (шаг 1)

В поле необходимо ввести идентификатор цели для первого шага, которое использовали при создании цели в Яндекс Метрике. Первый шаг - нажатие на плавающую кнопку.

Идентификатор цели (шаг 2)

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