RGBee Fly Buttons Feedback
Плагин WordPress для добавления плавающих кнопок обратной связи.
by Александр Курков · github.com/rgbee/wp-fly-buttons-feedback
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
- Настройка цветов и стилей
- Адаптивный дизайн
- Полная поддержка русского языка
Установка
- Скачайте архив плагина
- В админ-панели WordPress перейдите в «Плагины» → «Добавить новый»
- Загрузите архив через «Загрузить плагин»
- Активируйте плагин «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 классы и настройки цветов.