WP Manifestindependent plugin directory
manifest / social / wp-fly-buttons-feedback

RGBee Fly Buttons Feedback

Плагин WordPress для добавления плавающих кнопок обратной связи.

by Александр Курков · github.com/rgbee/wp-fly-buttons-feedback

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/rgbee/wp-fly-buttons-feedback/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/rgbee/wp-fly-buttons-feedback ↗

Плагин WordPress для добавления плавающих кнопок обратной связи на сайт. Кнопки включают ссылки на социальные сети (WhatsApp, Telegram, Viber) и формы обратной связи.

Возможности

Социальные сети

  • WhatsApp с предустановленным текстом сообщения и настраиваемым заголовком
  • Telegram с кастомной ссылкой и настраиваемым заголовком
  • Viber с номером телефона и настраиваемым заголовком

Кнопки обратной связи

  • Заказать звонок
  • Написать сообщение
  • Оставить отзыв

Настройки для каждой кнопки

  • Включение/выключение отображения
  • Кастомный заголовок (title) - отображается при наведении
  • Настраиваемая ссылка
  • Дополнительные HTML атрибуты
  • Кастомные CSS классы
  • Индивидуальные цвета

Особенности

  • Локальная версия Font Awesome 6.2.1 для быстрой загрузки
  • Полная независимость от CDN
  • Настройка цветов и стилей
  • Адаптивный дизайн
  • Полная поддержка русского языка

Установка

  1. Скачайте архив плагина
  2. В админ-панели WordPress перейдите в «Плагины» → «Добавить новый»
  3. Загрузите архив через «Загрузить плагин»
  4. Активируйте плагин «RGBee Fly Buttons Feedback»

Настройка

После активации перейдите в «Настройки» → «Fly Buttons» для конфигурации:

Социальные сети

  • WhatsApp: укажите номер телефона, текст сообщения и заголовок
  • Telegram: укажите ссылку на профиль и заголовок
  • Viber: укажите номер телефона и заголовок

Кнопки обратной связи

Для каждой кнопки доступны:

  • Включение/выключение - чекбокс активации
  • Заголовок - текст при наведении курсора
  • Ссылка - URL для перехода (можно использовать # для модальных окон)
  • Атрибуты - дополнительные HTML атрибуты (например, для модальных окон)
  • CSS класс - дополнительные классы для стилизации

Стили

Настройте цвета для:

  • Иконок по умолчанию
  • Состояния при наведении
  • Каждого типа кнопок индивидуально

Примеры использования

Модальное окно

Ссылка: #
Атрибуты: data-bs-toggle="modal" data-bs-target="#callbackModal"

Внешняя страница

Ссылка: https://site.com/contact
Атрибуты: target="_blank"

Якорная ссылка

Ссылка: #contact-form
Атрибуты:

CSS классы

Плагин использует следующие CSS классы по умолчанию:

  • .fly_buttons - основной контейнер
  • .fly_item - элемент кнопки
  • .wa - WhatsApp кнопка
  • .tg - Telegram кнопка
  • .vb - Viber кнопка
  • .call-btn - кнопка "Заказать звонок"
  • .message-btn - кнопка "Написать сообщение"
  • .review-btn - кнопка "Оставить отзыв"

Мобильная версия

На мобильных устройствах кнопки автоматически перестраиваются в горизонтальную панель в нижней части экрана.

Требования

  • WordPress 5.0+
  • PHP 7.4+

Технические особенности

  • Font Awesome 6.2.1 включен локально в плагин
  • Автоматическое создание необходимых папок при активации
  • Fallback на CDN если локальные файлы отсутствуют
  • Оптимизированная загрузка ресурсов
  • Полная поддержка переводов (русский/английский)

Поддержка

Плагин корректно работает с большинством современных тем WordPress. Для кастомной стилизации используйте предоставленные CSS классы и настройки цветов.