FV (PWA) прогрессивное веб-приложение на WordPress

FV PWA превращает ваш сайт на WordPress в прогрессивное веб-приложение (PWA): его можно установить на телефон, планшет или компьютер как обычное приложение, оно открывается с иконки на главном экране, работает в офлайне и умеет присылать push-уведомления — даже когда сайт закрыт. Если вам нужно вернуть посетителей на сайт и повысить вовлечённость без разработки нативного приложения и без публикации в магазинах, прогрессивное веб-приложение — самый быстрый и дешёвый путь, а FV PWA собирает всё необходимое в одном плагине.

Плагин добавляет три вещи сразу: корректный веб-манифест и service worker (технологическая основа PWA), настраиваемую «липкую» плашку-приглашение и полноценные веб-push-уведомления с рассылками и статистикой прямо из админки WordPress. Всё управляется через понятные вкладки, без правки кода.

Возможности прогрессивного веб-приложения FV PWA

• Установка сайта как приложения — «добавить на главный экран» на телефоне и установка на рабочий стол на ПК. Свои иконки, название, цвет темы и экран загрузки (splash).
• Офлайн-режим — service worker кэширует посещённые страницы, а при отсутствии связи показывает аккуратную офлайн-страницу с вашим текстом и цветами.
• Push-уведомления в двух режимах:
  • Свой сервер — подписчики хранятся в вашей базе WordPress, рассылки вы отправляете из админки (заголовок, текст, иконка, ссылка). Подписка происходит в один клик прямо на сайте, без сторонних сервисов и без сбора данных на чужих доменах.
  • Внешний сервис — подключение провайдера (PushAll, Sendsay, PUSHED и другие) вставкой их кода; рассылками управляет сам сервис.
• Массовые рассылки без таймаутов — отправка идёт фоновыми порциями и корректно продолжается, не упираясь в лимит времени PHP, поэтому доставляется любое число подписчиков.
• Статистика рассылок — по каждому сообщению видно: отправлено, доставлено, клики, ошибки. История с постраничной навигацией.
• Настраиваемая плашка-уведомление — своя, внутри страницы (не браузерный запрос): свои цвета, отдельный текст для мобильных и для ПК, позиция сверху или снизу, кнопка «Установить приложение» или произвольная ссылка.
• Умный показ кнопки установки — кнопка и плашка «Установить приложение» появляются только в браузерах, где установка реально поддерживается, и скрываются после установки.
• Русский и английский интерфейс — язык следует за настройками WordPress и переключается полностью.
• Оптимизация под скорость — минифицированные ассеты, загрузка только там, где нужно, отсутствие лишних запросов. Учитывается при оценке Google PageSpeed.

Как установить и настроить прогрессивное веб-приложение

1. Установите плагин: Консоль → Плагины → Добавить новый → Загрузить плагин, выберите ZIP-архив FV PWA и нажмите «Установить», затем «Активировать».
2. Откройте FV Tools → FV PWA и на вкладке «Лицензия» введите лицензионный ключ, нажмите «Активировать». Пока ключ не активирован, функции на сайте не выводятся.
3. На вкладке «Приложение» задайте название, короткое имя, иконку (квадрат 512×512), цвет темы и фона, режим отображения и стартовый URL.
4. На вкладке «Service worker и офлайн» убедитесь, что регистрация service worker включена (это основа установки, офлайна и push), при желании включите кэширование страниц и настройте офлайн-страницу.
5. На вкладке «Липкая плашка» настройте текст, цвета, позицию и кнопку приглашения установить приложение.
6. На вкладке «Push» выберите режим. Для подписки в один клик на своём сайте оставьте «Свой сервер» — плагин сам сгенерирует ключи VAPID (нужно расширение PHP OpenSSL). Для внешнего сервиса выберите провайдера и вставьте его код.
7. Отправляйте уведомления на вкладке «Рассылка»: заголовок, текст, иконка и ссылка. Обязателен только текст — остальное подставляется по умолчанию.

Важно: прогрессивное веб-приложение работает только по HTTPS — это обязательное требование технологии для всех сайтов.

Совместимость с браузерами: что работает, а что нет и почему

Установка PWA и веб-push — это браузерные технологии, и их поддержка отличается. FV PWA показывает функции только там, где они реально работают, поэтому «мёртвых» кнопок у посетителя не будет.

• Chrome, Microsoft Edge, Opera, Samsung Internet (движок Chromium) — полная поддержка: установка приложения в один клик (кнопка «Установить») и push-уведомления прямо из браузера. Это основной сценарий.
• Mozilla Firefox — push-уведомления работают (десктоп и Android). А вот установку PWA по кнопке с сайта Firefox не поддерживает: на десктопе такой возможности нет вовсе, на Android приложение ставится только через меню самого браузера. Причина — Firefox не реализует событие beforeinstallprompt, которым вызывается установка. Поэтому в Firefox плашка «Установить приложение» не показывается (это правильно), а подписка на push доступна.
• Safari на macOS (Ventura 13+ / Sonoma+) — push-уведомления работают после выдачи разрешения; установка приложения — через «Добавить в Dock».
• Safari на iPhone/iPad (iOS/iPadOS 16.4+) — push-уведомления работают только после установки сайта как приложения: «Поделиться» → «На экран Домой». В обычной вкладке Safari (и в любом браузере на iOS, т.к. все они используют движок WebKit) push недоступен — это ограничение Apple. С iOS 26 сайты с главного экрана по умолчанию открываются как приложение, что упрощает сценарий.
• HTTPS обязателен в любом браузере — без защищённого соединения ни установка, ни push, ни service worker не работают.

Массовые рассылки и планировщик задач (cron) на хостинге

Рассылка push отправляется фоновыми порциями через планировщик WordPress (WP-Cron), который срабатывает при заходах посетителей на сайт. Для посещаемого сайта этого достаточно и ничего настраивать не нужно. Чтобы большие рассылки (сотни и тысячи подписчиков) уходили быстро и без задержек даже на «тихом» сайте, настройте на хостинге системный cron:

1. В панели хостинга найдите раздел «Планировщик задач» / «Cron» (в Beget, ISPmanager, cPanel он есть).
2. Добавьте задание с периодичностью раз в минуту (* * * * *) со следующей командой (подставьте свой домен):wget -q -O - "https://ваш-сайт.ру/wp-cron.php?doing_wp_cron" >/dev/null 2>&1или через curl: curl -s "https://ваш-сайт.ру/wp-cron.php?doing_wp_cron" >/dev/null 2>&1
3. Чтобы избежать двойного запуска, отключите запуск WP-Cron по заходам, добавив в wp-config.php строку: define('DISABLE_WP_CRON', true);

После этого планировщик будет стабильно дообрабатывать очередь рассылки раз в минуту независимо от посещаемости.

Часто задаваемые вопросы

Чем прогрессивное веб-приложение отличается от обычного сайта?

Прогрессивное веб-приложение можно установить на устройство, оно открывается с иконки без адресной строки, работает в офлайне и присылает push-уведомления. При этом не нужно разрабатывать нативное приложение и публиковать его в App Store или Google Play.

Нужно ли программировать?

Нет. Всё настраивается через вкладки в админке WordPress: иконки, цвета, тексты, режим push и рассылки.

Push-уведомления платные?

В режиме «Свой сервер» — нет: подписчики и рассылки полностью внутри вашего WordPress, сторонние сервисы не нужны. Режим «Внешний сервис» подключает провайдера по вашему выбору на его условиях.

Почему на iPhone уведомления приходят только после установки?

Это ограничение Apple: на iOS веб-push доступен только для приложений, добавленных на главный экран через «Поделиться» → «На экран Домой», начиная с iOS 16.4. В обычной вкладке браузера push на iPhone не работает.

Что нужно для работы push на своём сервере?

Сайт по HTTPS и включённое расширение PHP OpenSSL (используется для подписи запросов VAPID). Статус готовности виден прямо в админке на вкладке «Рассылка».

Сохранятся ли настройки при обновлении плагина?

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

Итог

FV PWA — это готовое решение, чтобы за несколько минут превратить сайт в прогрессивное веб-приложение: установка на устройства, офлайн-режим и push-уведомления со своего сервера или через внешний сервис — без кода и без магазинов приложений. Активируйте плагин, настройте иконки и тексты, включите push — и возвращайте посетителей на сайт удобными уведомлениями уже сегодня.