Juicy Contact Button — это плагин, который выводит на сайте плавающий виджет с вашим контактом Telegram, или WhatsApp. «Juicy» он называется потому что относительно всех остальных решений из репозитория WordPress выглядит в разы сочнее и привлекательнее. Вот скриншот из макета Figma (когда мы только рисовали плагин):
Особенность
Хочется отдельно выделить одну из главных отличительных особенностей плагина (а возможно и причину по которой он был сделан) — мигающий индикатор «Онлайн». Многие его, возможно, видели, но не знали как добавить к себе на сайт. Что ж, наш плагин поможет в этом.
Настройки плагина
Хотя это небольшой и легкий плагин, у него достаточно много разных настроек в админ панели. Найти их можно по пути Админпанель > Настройки > Juicy Contact Button. Давайте сначала разберем все настройки, а потом посмотрим на скриншот из административной панели:
- Тексты — плагин позволяет изменить текст любой части себя;
- Цвет — внутри плагина есть иконка и индикатор «онлайн», поэтому чтобы сильно не усложнять жизнь себе и пользователям, мы сделали пару пресетов цветовых настроек: для выбора доступны голубая, зеленая, белая и темная темы;
- Иконки — вы можете выбрать Telegram, или WhatsApp;
- Расположение — во всех частях экрана;
- Прилипание — это дефолтное состояние для телефона, но на компьютере вы можете решить, хотите ли вы сделать виджет прилипающим с какой-либо стороны экрана;
- Брендинг — плагин распространяется по стандартной лицензии для всех плагинов WordPress, поэтому брендинг можно отключить;
- Z-index — при тестах вы выяснили, что могут возникать «конфликты» с другими виджетами и частями страницы, чтобы было легче их нейтрализовать, мы добавили настройки z-index для этого виджета.
Теперь давайте взглянем на скриншот из административной панели ВордПресс:
Настройки пока на английском, но совсем скоро мы переведем весь внутренний интерфейс и на русский язык.
Установка
Скачивание, установка и активация плагина не отличается от стандартной установки любых других плагинов на CMS WordPress:
- Вариант 1: скачайте архив плагина с официального сайта WordPress.org, загрузите его на ваш сайт по пути Плагины > Загрузить Новый > Выбрать Файл, а затем активируйте его;
- Вариант 2: скачайте плагин из репозитория WordPress, находясь в административной панели вашего сайта, активируйте его в разделе «плагины».
Скачать
Скачать плагин с официального сайта WordPress.org можно по ссылке ниже:
Juicy Contact Button
Другие мои плагины
Вопросы и ответы на WordPress — плагин Float FAQ
Время чтения статей — Post Reading Times
Ошибка при загрузке SVG, Webp и ICO: плагин решающий проблему
Плавающая кнопка контактов: WordPress плагин Click to Contact
Плагин оплаты с помощью платёжной системы Nuvei — Payment Gateway for Nuvei on Woocommerce