Yandex.Metrika
Инструкция модуля «Кнопка WhatsApp» для Joomla 4 - IWS.BY

Инструкция модуля «Кнопка WhatsApp» для Joomla 4

Инструкция для Joomla 3 доступна по ссылке: https://iws.by/instructions/moduli-joomla-3/instrukciya-modulya-knopka-whatsapp-dlya-joomla/

Кнопка WhatsApp для Joomla 3 и Joomla 4
Кнопка WhatsApp для Joomla 3 и Joomla 4
Модуль предназначен для добавления плавающей кнопки, нажав на которую откроется чат с указанным номером через мессенджер WhatsApp.
Доступно

Установка модуля

Войдите в панель управления вашего сайта.

В меню панели администратора, в левой части сайта перейдите в раздел «Система»

Joomla 4 - Система

На открывшейся странице в центральной части найдите раздел «Установка» – «Расширения» и перейдите в него.

Joomla 4 - Менеджер установки расширений

Перед вами откроется страница с менеджером установки расширений.

Страница установки расширений в Joomla 4

Нажмите на зеленую кнопку, откроется проводник, в котором необходимо выбрать архив, полученный при скачивании с сайта IWS.BY для Joomla 4.

После успешной установке в менеджере установок расширений появится зеленое уведомление.

Уведомление об успешной установке в Joomla 3

Настройка модуля

Перейдите в список установленных модулей в панели администратора по пути «Система» – «Управление» – «Модули сайта».

Joomla 4 - Менеджер модулей

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

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

Виджет приложения Вконтакте для Joomla 3 и Joomla 4 - Поле «Лицензионный ключ»

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

Поле «Номер телефона»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Номер телефона

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

Внимание!!! Номер телефона необходимо вводить без специальных символов и знака +.

Пример номера: 375441111111

Опция «Атрибут открытия ссылки»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Атрибут открытия ссылки

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

Поле «Размер кнопки»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Размер кнопки

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

Опция «Цвет фона»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Фоновый цвет кнопки

Опция указывает фоновый цвет кнопки в формате HEX.

Опция «Цвет иконки»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Цвет иконки

Опция указывает цвет иконки на кнопке в формате HEX.

Опция «Расположение кнопки»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Расположние кнопки

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

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

Опция «Отступ справа»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Отступ справа

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

Опция «Отступ слева»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Отступ слева

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

Опция «Отступ снизу»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Отступ снизу

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

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

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Уровень слоя

В поле необходимо заполнить уровень слоя, на котором будет доступна кнопка относительно всех элементов сайта. Аналог свойства в CSS: z-index.

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

Опция «Включить рамку?»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Включить рамку

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

Поле «Ширина рамки»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Ширина рамки

В поле заполняется ширина рамки числом в пикселях. Аналог данного поля свойство CSS: border-width.

Опция «Стиль рамки»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Стиль рамки

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

Опция «Цвет рамки»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Цвет рамки

Опция задает цвет рамки вокруг виджета с кнопкой WhatsApp. Цвет указывается в формате HEX.

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

Опция «Включить анимацию?»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Включить анимацию

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

Опция «Тип анимации»

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Тип анимации

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

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Анимация вращения с пульсирующей кнопкой

Кнопка издает импульс

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Анимация с подпрыгивающей кнопкой

Кнопка будет подпрыгивать

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Анимация движения кнопки в стороны

Кнопка двигается из стороны в сторону

Кнопка WhatsApp для Joomla 3 и Joomla 4 - Анимация вращения иконки на кнопке

Иконка на кнопке будет вращаться

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

Активация модуля

Активация модуля выполняется как обычно. Для этого нужно:

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

Позиция модуля

2. Ниже будет опция «Состояние». Переключите значение в опции на «Опубликовано».

Состояние модуля

3. Заключительным этапом нужно осуществить привязку модуля к страницам на сайте.

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

Привязка к пунктам меню

На открытой вкладке будет одно поле «Привязка модуля».

Привязка модуля

Выберите в модуле страницы, на которых вы хотите отобразить модуль. В примере выбрано значение «На всех страницах» – модуль будет отображаться на всех страницах, на выбранной позиции.

Нажмите кнопку «Сохранить», чтобы сохранить все настройки и отобразить модуль на вашем сайте.

Если у вас появились вопросы, которые не упомянуты в инструкции, напишите нам на электронную почту admin@iws.by и мы поможем вам.

Оглавление

© 2013-2022 IWS.BY. Все права защищены.

Индивидуальный предприниматель Березуев Александр Игоревич, г. Ветка, УНП 490772447.
Свидетельство о государственной регистрации № 490772447 выдано Ветковским районным комитетом 15 августа 2013 года.
Сайт зарегистрирован в торговом реестре РБ от 27 июля 2015 года №280215
Перепечатка материалов сайта IWS.BY целиком или частично без письменного разрешения IWS.BY запрещена.