Как добавить Push-уведомления на WordPress-сайт

Сегодня мы узнаем, как добавить PUSH-уведомления на WordPress-сайт с помощью популярного сервиса OneSignal. Для этого мы установим и настроим бесплатный плагин OneSignal для WordPress.

Что такое Push-уведомления?

Push – это технология отправки сайтом интерактивных уведомлений на компьютер или мобильное устройство пользователя. Это новый канал взаимодействия, который позволяет отправлять маркетинговые сообщения посетителям, даже если они покинут ваш сайт или закроют браузер. Он обеспечивает более высокие показатели вовлеченности и прямых переходов по сравнению с другими маркетинговыми стратегиями. Изображение, приведенное ниже, демонстрирует push-уведомления Facebook в действии.

Несколько фактов о PUSH-уведомлениях.

• Они обеспечивают средний показатель вовлеченности 7–10%.
• CTR в 4-8 раз выше, чем email-рассылки.
• Имеют средний уровень отказа от подписки 10%.

Как использовать Push-уведомления

Несколько сценариев использования Push-рассылок:

• Отправка информации о распродажах, последних новостей и т. д.
• Привлечение внимания пользователей путем отправки уведомлений о публикации нового контента.
• Реализация ретаргетинга и удержания путем информирования о расширении ассортимента, скидках, персональных бонусах и т.д.

Как установить Push-уведомления с помощью OneSignal

Чтобы установить службу push-уведомлений OneSignal, мы используем официальный плагин сервиса. Он доступен в репозитории плагинов на WordPress.org.

Войдите в панель администрирования WordPress-сайта и перейдите в раздел «Плагины», «Добавить новый».

В поле поиска введите «OneSignal». Затем выберите нужный плагин и нажмите на кнопку «Установить сейчас».

Дождитесь завершения установки и нажмите кнопку «Активировать».

Активация плагина добавит новый пункт «OneSignal Push» в меню панели администрирования WordPress.

Как настроить Push-уведомления с помощью OneSignal

Чтобы настроить Push-уведомления, кликните по пункту «OneSignal Push» в меню панели администрирования WordPress.

Это приведет вас на страницу настроек OneSignal.

Обратите внимание на уведомление в самом верху страницы. Оно сообщает, что нужно делать дальше. Вкладка «Configuration» позволяет связать службу push-уведомлений OneSignal с вашим WordPress-сайтом.

Создание бесплатной учетной записи OneSignal

Создадим работающее веб-приложение с push-уведомлениями. Чтобы создать бесплатную учетную запись OneSignal, на вкладке «Setup» кликните по ссылке OneSignal.

Также можно просто открыть в браузере сайт onesignal.com. После этого откроется официальный сайт OneSignal (в новой вкладке браузера). Нажмите кнопку «Sign Up».

Заполните форму, а затем нажмите кнопку «Create Account». Также вы можете зарегистрироваться с помощью учетной записи GitHub, Google или Facebook.

После регистрации активируйте созданный аккаунт через электронную почту.

Войдите в указанный при регистрации электронный почтовый ящик, найдите письмо от сервиса и перейдите по ссылке «Click Here To Confirm Your Account».

Это откроет панель управления OneSignal в новой вкладке браузера.

В конечном итоге вы окажетесь на информационной панели OneSignal.

Создание приложения Web Push

Теперь создадим первое веб-приложение с push-уведомлениями. Нажмите кнопку «Add App».

Введите название приложения и нажмите кнопку «Add App».

На следующем шаге выберите Web Push и нажмите кнопку «Next».

Перейдите на вкладку «WordPress Plugin or Website Builder», а затем на вкладку «WordPress».

Далее прокрутите страницу вниз, заполните форму, загрузите иконку и нажмите кнопку «Save».

Это действие сохранит ваше веб-приложение Web Push и предоставит идентификатор приложения (APP ID) и API-ключ (API KEY). Они необходимы для добавления push-уведомлений OneSignal на ваш WordPress-сайт. Посмотрите изображение, приведенное ниже.

Скопируйте идентификатор приложения и ключ API. Затем вставьте их в соответствующие поля на вкладке «Configuration» в разделе OneSignal Push панели  администрирования WordPress.

После этого активируйте нужные настройки, прокрутите страницу вниз и нажмите кнопку «Save».

Теперь ваш сайт может отправлять push-уведомления во все поддерживаемые браузеры, кроме Safari. Протестируйте функцию push-уведомлений, открыв свой сайт в новом окне браузера.

Настройка push-уведомлений с помощью OneSignal для браузера Safari

Чтобы настроить Push-уведомления для браузера Safari, необходимо сгенерировать веб-идентификатор Safari. Для этого откройте панель инструментов OneSignal и щелкните по своему приложению.

Затем нажмите кнопку «Settings».

Кликните по вкладке «Apple Safari».

Затем заполните форму и нажмите кнопку «Save».

Снова кликните по вкладке «Apple Safari».

После этого появится всплывающее окно с идентификатором для браузера Safari (Safari Web ID).

Скопируйте идентификатор и вставьте его на вкладке «Configuration».

Прокрутите вниз до нижней части страницы и нажмите кнопку «Save».

Бесплатный аккаунт сервиса поддерживает до 30 000 веб-подписчиков и неограниченное количество мобильных подписчиков. Если нужно больше, то можно приобрести пакет стоимостью от 99 долларов в месяц.

Настройка push-уведомлений с помощью специального WordPress-плагина и сервиса OneSignal проста и занимает не больше 15 минут.