Как включить уведомления в веб-приложении на iOS для сайта WordPress с мессенджером

С выходом iOS 16.4 Apple добавила в Safari поддержку Web Push API.

Это означает, что ваш сайт на WordPress теперь может отправлять push-уведомления владельцам iPhone и iPad — но с важным условием: сайт должен быть добавлен на экран «Домой» как веб-приложение (PWA). Если на сайте работает чат или мессенджер (например, Better Messages, IURNY или встроенный чат-виджет), вы можете настроить уведомления о новых сообщениях прямо в это веб-приложение.

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

Что нужно знать перед настройкой

Прежде чем приступать, убедитесь, что выполнены базовые требования:

• iOS 16.4 или новее — на более старых версиях push-уведомления для веб-приложений не поддерживаются.
• Сайт работает по HTTPS — без защищённого соединения браузер не покажет запрос на разрешение уведомлений.
• На сайте есть веб-манифест (manifest.json) и service worker — они создаются PWA-плагином или вручную. Без манифеста Safari не распознает сайт как устанавливаемое приложение.
• Пользователь добавил сайт на экран «Домой» — в Safari на iPhone это обязательный шаг. Без этого push-уведомления не приходят.

Выбор плагина для WordPress

В зависимости от того, что именно нужно — просто push-уведомления, чат с уведомлениями или и то и другое — можно выбрать один из нескольких подходов.

PushEngage

PushEngage — это плагин, который сочетает web push и чат-виджет с поддержкой 20+ мессенджеров (WhatsApp, Telegram, Facebook Messenger и другие). Он автоматически определяет браузер подписчика и отправляет уведомления в формате, подходящем для iOS. После установки плагина достаточно подключить его к аккаунту PushEngage — код для запроса разрешения появится сам.

Для iOS важно, что PushEngage корректно работает с сайтами, добавленными на экран «Домой»: пользователь видит запрос на уведомления только после запуска веб-приложения с домашнего экрана.

WhoKnew Signal

Если вы не хотите зависеть от сторонних SaaS-сервисов, обратите внимание на WhoKnew Signal. Это self-hosted плагин: push-запросы подписываются VAPID-ключом на вашем сервере и отправляются напрямую в push-сервисы Apple, Google и Mozilla. Никаких ежемесячных платежей и лимитов.

WhoKnew Signal также включает функции PWA: манифест, иконки и подсказки для установки на iOS. В документации отдельно подчёркивается: перед тестированием iOS-push обязательно настройте вкладку Web App, чтобы пользователи могли добавить сайт на экран «Домой».

IURNY by INDIGITALL

IURNY — это плагин «два в одном»: плавающая кнопка чата (click-to-chat) и push-уведомления с сегментацией по геолокации и поведению. Чат можно привязать к WhatsApp, Telegram или другим каналам, а уведомления отправлять через админку WordPress. Плагин бесплатный, но для расширенных функций (несколько агентов, A/B-тесты) есть премиум-дополнение.

Hyper PWA + OneSignal или Firebase

Hyper PWA преобразует сайт в полноценное PWA с офлайн-режимом и настраиваемым манифестом. Сам по себе он не отправляет push, но интегрируется с OneSignal или Firebase Cloud Messaging — через них и настраиваются уведомления. Этот вариант подойдёт, если вы уже используете OneSignal для других целей или хотите гибко управлять кампаниями.

Better Messages + OneSignal

Если на сайте уже работает мессенджер Better Messages, для iOS-push потребуется интеграция с OneSignal. Better Messages автоматически связывает ID пользователей WordPress с подписками OneSignal и отправляет push при каждом новом личном сообщении — даже если вкладка сайта закрыта. Важное условие: на iOS это работает только когда сайт установлен как PWA (iOS 16.4+).

Пошаговая настройка на стороне сайта

Рассмотрим общий порядок действий на примере плагина с поддержкой PWA и push (например, WhoKnew Signal или PushEngage). Конкретные названия пунктов меню могут отличаться, но логика одинакова.

1. Установите и активируйте плагин через раздел «Плагины» в админке WordPress.
2. Настройте PWA-манифест: укажите название приложения, короткое имя, иконки (минимум 192×192 и 512×512), стартовый URL и режим отображения standalone.
3. Включите service worker — обычно это происходит автоматически при активации плагина. Проверьте, что файл service worker доступен по адресу вашего сайта.
4. Подключите push-сервис:
   • Для SaaS-решений (PushEngage, OneSignal) — введите API-ключ или идентификатор приложения.
   • Для self-hosted (WhoKnew Signal) — сгенерируйте VAPID-ключи в настройках плагина.
5. Настройте чат или мессенджер (если используется): укажите номер WhatsApp, токен Telegram-бота или другие параметры канала. Убедитесь, что уведомления о новых сообщениях привязаны к push-системе.
6. Отправьте тестовое уведомление из админки, чтобы проверить работу на Android и десктопе. Для iOS тест нужно проводить только после добавления сайта на экран «Домой».

Что должен сделать пользователь iPhone или iPad

Это самая важная часть: без действий пользователя push-уведомления на iOS не заработают. Вот что нужно объяснить посетителям вашего сайта (можно вынести в отдельную инструкцию или короткую памятку).

1. Откройте сайт в Safari на iPhone или iPad (iOS 16.4+).
2. Нажмите кнопку «Поделиться» — значок квадрата со стрелкой вверх.
3. Выберите «На экран “Домой”».
4. Включите переключатель «Открыть как веб-приложение» — это критически важно. Если его выключить, на домашнем экране появится обычная закладка, и push работать не будет.
5. Нажмите «Добавить» — иконка появится на экране «Домой».
6. Запустите приложение с домашнего экрана (не из Safari).
7. Разрешите уведомления, когда появится системный запрос. Если запрос не появился, проверьте: «Настройки» → «Уведомления» → найдите название вашего веб-приложения и включите «Допуск уведомлений».

После этого при каждом новом сообщении в чате или при отправке push-кампании пользователь будет получать уведомление на экран блокировки и в Центр уведомлений — так же, как от нативного приложения.

Если уведомления не приходят

Наиболее частые причины:

• Сайт не добавлен на экран «Домой» — на iOS это обязательное условие, без него push не работает.
• Открыт Safari, а не веб-приложение — уведомления приходят только в PWA-режиме.
• Старая версия iOS — проверьте, что установлена iOS 16.4 или новее.
• Сайт работает по HTTP — переведите сайт на HTTPS.
• Пользователь запретил уведомления — в настройках iOS можно сбросить разрешение: «Настройки» → «Уведомления» → ваше веб-приложение → «Допуск уведомлений».
• Конфликт service worker — если на сайте несколько плагинов регистрируют service worker, push может не работать. В таком случае используйте один плагин для PWA и push (например, WhoKnew Signal или PushEngage).

Итог

Настройка push-уведомлений для веб-приложения на iOS требует двух сторон: технической подготовки сайта (PWA-манифест, service worker, push-плагин) и действия пользователя (добавление сайта на экран «Домой» и разрешение уведомлений). Если на WordPress работает мессенджер, лучше выбирать плагин, который сразу закрывает обе задачи — например, PushEngage с чат-виджетом, IURNY или Better Messages с интеграцией OneSignal.

После настройки пользователи iPhone и iPad смогут получать уведомления о новых сообщениях в чате и других событиях сайта прямо на экран блокировки — без установки приложения из App Store.