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

RGBee Fly Buttons Feedback

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

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

0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/rgbee/wp-fly-buttons-feedback/archive/refs/heads/main.zip

Плагин 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 классы и настройки цветов.