Документация: Плавающая кнопка контактов для Joomla
Системные требования
Системные требования отличаются для Joomla 3, Joomla 4, Joomla 5 и Joomla 6, поэтому обратите внимание на раздел, соответствующий вашей версии.
Установка расширения
Процесс установки расширения немного отличается для Joomla 3 и Joomla 4/5/6, поэтому обратите внимание на раздел, соответствующий вашей версии.
Установка для Joomla 3
- Скачайте пакет расширения.
- Перейдите в административную панель Joomla 3.
- Откройте "Расширения" -> "Менеджер расширений".
- Перейдите на вкладку "Загрузить пакет".
- Выберите скачанный пакет расширения и нажмите "Загрузить и установить".
Установка для Joomla 4, Joomla 5 и Joomla 6
- Скачайте пакет расширения.
- Перейдите в административную панель Joomla 4/5/6.
- Откройте "Система" -> "Расширения".
- Перейдите на вкладку "Загрузить пакет".
- Перетащите скачанный пакет расширения в область загрузки или нажмите "Выбрать пакет".
- Нажмите "Загрузить и установить".
Настройки расширения
Перейдите в список модулей сайта, в панели администратора Joomla. В списке модулей найдите «IWS.BY Плавающая кнопка контактов». Нажмите на название модуля, перед вами откроется страница с доступными настройками. Рассмотрим каждое поле ниже.
Лицензионный ключ
В поле необходимо ввести лицензионный ключ, полученный на сайта IWS.BY при получении модуля. Без ключа в данном поле модуль не сможет получить доступ к серверу обновлений и автоматически обновляться.
Иконка телефона
В опции выбирается иконка, которая должна быть отображена на плавающей кнопке. Доступны одиннадцать вариантов иконок.
Размер кнопки (пиксели)
Поле отвечает за размер кнопки: за высоту и ширину кнопки. Указывается числом в пикселях.
Цвет фона
Опция указывает фоновый цвет плавающей кнопки email. Указывается в формате RGB.
Цвет иконки
Опция указывает цвет иконки на плавающей кнопке email. Указывается в формате HEX.
Расположение кнопки
Опция отвечает за расположение плавающей кнопки email относительно экрана посетителя сайта. Доступны два варианта: левая и правая сторона. Кнопка будет прижата к нижней части сайта.
Следующие два поля заполняются в зависимости от выбранной стороны отображения кнопки.
Отступ справа
Поле задает расстояние между кнопкой и правой частью экрана посетителя сайта. Указывается числом в пикселях.
Отступ слева
Поле задает расстояние между кнопкой и левой частью экрана посетителя сайта. Указывается числом в пикселях.
Отступ снизу
Поле задает расстояние между кнопкой и нижней частью экрана посетителя сайта. Указывается числом в пикселях.
Уровень слоя (Z-INDEX)
В поле необходимо заполнить уровень слоя, на котором будет доступна кнопка относительно всех элементов сайта. Аналог свойства в CSS: z-index.
Следующий блок настроек задает границу у плавающей кнопки email.
Включить границу?
Опция отвечает за активацию границы вокруг плавающей кнопки. Если выбрано значение «Да», то настройки к рамке будут применяться из настроек ниже.
Ширина границы
В поле заполняется ширина границы. Указывается числом в пикселях. Аналог свойство CSS: border-width.
Стиль границы
Опция отвечает за стиль границы вокруг кнопки. Доступно четыре стиля рамок: сплошная, пунктирная, точечная и двойной линией.
Цвет границы
Опция задает цвет границы вокруг виджета с плавающей кнопкой email. Указывается в формате HEX.
Последние блок опций отвечает за анимацию кнопки. Рассмотрим каждую опцию и каждый вид анимации.
Включить анимацию?
Опция отвечает за активацию анимации плавающей кнопки email. Если выбрано значение «Да», то будет применяться анимацию из поля ниже.
Тип анимации
Опция отвечает за тип анимации, которая будет применяться к плавающей кнопке email. Доступны четыре вариант анимации: кнопка пульсирует, кнопка подпрыгивает, кнопка двигается и иконка вращается.
Продолжительность
В поле указывается продолжительность воспроизведения анимации кнопки числом в секундах.
Длина пульсации
В поле указывается максимальная длина, на которую будет происходить пульсация. Указывается числом в пикселях. Длина пульсации применяется только, если в поле «Тип анимации» выбрано значение «Кнопка пульсирует».
Высота прыжка
В поле указывается максимальная высота, на которую будет происходить прыжок кнопки. Указывается числом в пикселях. Высота прыжка применяется только, если в поле «Тип анимации» выбрано значение «Кнопка прыгает».
Ширина движения
В поле указывается максимальная точка движения от центра, на которую будет происходить движение в бок кнопки. Указывается числом в пикселях. Ширина движения применяется только, если в поле «Тип анимации» выбрано значение «Кнопка двигается».
Дизайн окна
Опция отвечает за дизайн окна с виджетом контактов. Доступны три вариант дизайна: Светлый, тёмный и пользовательский. Пользовательский дизайн откроет доступ к дополнительным полям, в которых вы сможете настроить дизайн виджета под дизайн вашего сайта.
Название окна
В поле заполняется текстовое название, которое должно быть отображено в шапке виджета с контактами.
Описание окна
В поле заполняется текстовое описание, которое должно быть отображено в шапке виджета с контактами.
Тип иконок
Опция отвечает за дизайн иконок, в котором они будут отображены в виджете контактов. Доступны два варианта отображения иконок: просто иконки и иконка в круге.
Далее идут поля, которые отвечают за цвет иконок контактов.
Иконка телефона
Опция задаёт цвет ко всем иконкам с контактом телефон в виджете с контактами. Указывается в формате HEX.
Иконка Email
Опция задаёт цвет ко всем иконкам с контактом Email в виджете с контактами. Указывается в формате HEX.
Иконка WhatsApp
Опция задаёт цвет ко всем иконкам с контактом WhatsApp в виджете с контактами. Указывается в формате HEX.
Иконка Telegram
Опция задаёт цвет ко всем иконкам с контактом Telegram в виджете с контактами. Указывается в формате HEX.
Иконка Viber
Опция задаёт цвет ко всем иконкам с контактом Viber в виджете с контактами. Указывается в формате HEX.
Иконка Skype
Опция задаёт цвет ко всем иконкам с контактом Skype в виджете с контактами. Указывается в формате HEX.
Иконка Facebook
Опция задаёт цвет ко всем иконкам с контактом Facebook в виджете с контактами. Указывается в формате HEX.
Иконка ВКонтакте
Опция задаёт цвет ко всем иконкам с контактом ВКонтакте в виджете с контактами. Указывается в формате HEX.
Добавление контактов
Добавление контактов в виджет простое. В нижней части модуля обратите на кнопку со знаком «+» в поле «Контакты».
Нажмите на нее. Ниже появится группа полей для добавления контакта. Нажимайте на кнопку каждый раз, когда нужно добавить новый контакт.
Рассмотрим поля добавления нового контакта.
Тип контакта
Опция задаёт тип контакта, к которому будет относится добавляемый контакт. Может быть: телефонный звонок, Email, WhatsApp, Telegram, Viber, Skype, Facebook и ВКонтакте.
Иконка
Опция задаёт иконку, применимую к добавляемому контакту. Всего в модуле доступно 11 иконок. Иконки доступны в соответствии с типом контакта.
Контакт
В поле вводится контактный номер, электронная почта или логин в Telegram. Номер телефона указывается в международном формате без знака «+». Электронная почта указывается в обычном формате электронной почты. Для контакта Telegram используется логин. В контакт Skype нужно ввести Ваш логин из Skype. Тип контактов Facebook и Вконтакте поддерживают только прямую ссылку на нужную Вам страницу.
Пример телефона для звонка, WhatsApp и Viber: 375441111111
Пример электронной почты: noreply@iws.by
Логин Telegram: telegramLogin
Логин Skype: skypeLogin
Ссылка Facebook: https://www.facebook.com/facebook/
Ссылка ВКонтакте: https://vk.com/vk/
Внимание! При несоблюдении формата вводимых данных контакта контакт не будет работать.
Название контакта
В поле вводится текстовое название контакта. Отображается оно справа сверху относительно иконки контакта.
Описание контакта
В поле вводится текстовое описание контакта. Отображается оно справа снизу относительно иконки контакта.
Настройка пользовательского дизайна
Настройки пользовательского дизайна становятся доступны после выбора в поле «Дизайн окна» выбрано значение «Пользовательский дизайн».
Фон шапки
Опция отвечает за цвет фона верхней части виджета с контактами, на котором отображено название, описание и кнопка закрыть. Указывается в формате HEX.
Название шапки
Опция отвечает за цвет текста название виджета, находящегося в верхней части виджета. Указывается в формате HEX.
Описание шапки
Опция отвечает за цвет текста описания виджета, находящегося в верхней части виджета. Указывается в формате HEX.
Кнопка закрыть на шапке
Опция отвечает за цвет иконки закрытия виджета, находящегося в верхней части виджета. Указывается в формате HEX.
Фон контента
Опция отвечает за цвет фон центральной части виджета, на которой размещаются контакты. Указывается в формате HEX.
Название контента
Опция отвечает за цвет текстового названия у каждого контакта в центральной части виджета. Указывается в формате HEX.
Описание контента
Опция отвечает за цвет текстового описания у каждого контакта в центральной части виджета. Указывается в формате HEX.
Фон элемента при наведении
Опция отвечает за фоновый цвет контакта при наведении на него курсором мыши. Указывается в формате HEX.
Цвет иконки в круге
Опция отвечает за цвет иконок, когда в поле «Тип иконок» выбрано значение «В круге». Указывается в формате HEX.
Ошибка обновления расширения
Если у Вас возникла ошибка при обновлении расширения в панели управления Joomla, то этот раздел инструкции необходим вам.
Ошибка появляется в нескольких случаях, они все связаны с лицензионным ключом расширения.
1) У вас не заполнен лицензионный ключ в настройках расширения.
Перейдите в настройки расширения и проверьте заполненность поля «Лицензионный ключ». Без лицензионного ключа обновления скачать невозможно. Бывает момент, когда лицензионный ключ вы добавили, но CMS Joomla его не сохранила правильно, для этого в настройках расширения после ввода лицензионного ключа нажмите кнопку «Сохранить», а затем кнопку «Сохранить и закрыть».
2) Срок действия вашего лицензионного ключа закончился.
Чтобы проверить срок действия вашего лицензионного ключа, перейдите по ссылке https://iws.by/my-account/view-license-keys/. В списке лицензионных ключей найдите ключ вашего расширения и в столбике «Действует до» проверьте его актуальность. В случае, если действие лицензионного ключа вышло, обновления получить невозможно. Для решения этого вопроса совершите новый заказ и получите актуальный лицензионный ключ.
3) Лицензионный ключ не действует на вашем текущем сайте.
Наша система обновлений устроена так, что при первом обращении к серверу обновлений, лицензионный ключ фиксируется за обратившимся сайтом. В случае, если вы попытаетесь использовать лицензионный ключ на нескольких сайтах, то обновления будут доступны только для одного сайта. Если вам нужны обновления для нескольких сайтов, совершите покупку на сайте нескольких лицензионных ключей. Сайты без лицензионных ключей не смогут получать обновления.
Внимание! Если вы изменили адрес сайта и не можете скачать обновления, напишите нам на support@iws.by с новым адресом сайта, мы обновим данные на нашем сервере обновлений, и в течение 24 часов вы сможете получать обновления.
Служба поддержки
Служба поддержки IWS.BY по вопросам работы наших продуктов доступна по электронной почте: support@iws.by.
Все доступные варианты службы поддержки доступны на странице «Поддержка»: Перейти.