Хотите добавить push-уведомления на свой сайт WordPress? Push-уведомления позволяют отправлять уведомления пользователям, даже если они не посещают ваш сайт.
В этой статье мы покажем вам, как легко добавлять веб-push-уведомления на ваш сайт WordPress. Мы также поговорим о лучших подключаемых модулях push-уведомлений WordPress и о том, как отправлять push-уведомления на настольные и мобильные устройства с вашего сайта WordPress.
Что такое push-уведомление?
Push-уведомления – это интерактивные сообщения, отображаемые в верхней части рабочего стола пользователя или в области уведомлений на его мобильном устройстве. Они могут отображаться, даже если браузер пользователя не открыт.
В дополнение к рабочему столу веб-push-уведомления также работают на мобильных устройствах. Это позволяет вам связаться с вашими пользователями через устройства с последними обновлениями и предложениями. Push-уведомления в Интернете оказались очень эффективным способом превращения посетителей сайта в постоянных клиентов и подписчиков.
Зачем добавлять веб-push-уведомления на ваш сайт WordPress?
Мы уже отмечали, что 70% людей, которые покидают свой сайт, никогда не вернутся. Вот почему вы должны конвертировать этих пользователей сайта в подписчиков или клиентов.
Вы можете сделать это, используя несколько каналов одновременно. Это включает в себя электронную почту, социальные сети, мобильный или SMS-маркетинг и push-уведомления в Интернете.
Хотя списки рассылки по-прежнему являются наиболее доминирующим и эффективным маркетинговым инструментом в вашем распоряжении, push-уведомления для нас оказываются весьма эффективными.
Вот почему:
- Пользователи должны дать свое явное разрешение на получение push-уведомлений. Это означает, что они уже заинтересованы в том, что вы предлагаете, и с большей вероятностью будут участвовать в уведомлениях.
- Push-уведомления короче и требуют меньше внимания, чем электронная почта или обновления в социальных сетях.
- Алгоритм отсутствует, поэтому почти 100% сообщений доставляются.
- Пользователи могут контролировать, как их устройства отображают уведомления, могут откладывать или полностью их отключать.
- Не так много компаний используют его.
Популярные сайты, включая Facebook, PinterestLinkedIn и многие другие понимают важность и уже используют push-уведомления.
Эти уведомления более привлекательны, чем SMS, электронный маркетинг и социальные сети. Согласно опросу, количество push-уведомлений на 50% выше, чем у электронной почты, и в два раза больше кликов.
С учетом сказанного давайте рассмотрим, как добавить веб-push-уведомления на сайт WordPress.
Настройка веб-push-уведомлений в WordPress с OneSignal
OneSignal – это бесплатная служба push-уведомлений для сайтов WordPress. Это позволяет легко добавлять push-уведомления на любой сайт.
Первое, что вы должны сделать, это установить и активировать плагин OneSignal. Нужна помощь в установке плагина? Ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.
После активации плагин добавит новый пункт меню с пометкой OneSignal в вашу админ-панель WordPress. Нажав на нее, вы попадете на страницу конфигурации плагина.
Страница конфигурации разделена на вкладки Конфигурация и Конфигурация. Вкладка настроек представляет собой подробную документацию по настройке push-уведомлений OneSignal в WordPress. Он имеет те же шаги, которые мы покажем вам в этом уроке.
Чтобы настроить OneSignal, вам необходимо добавить ключ API и идентификатор приложения в настройках плагина.
Начнем.
Шаг 1. Настройка push-уведомлений OneSignal
Во-первых, вам нужно зайти на веб-сайт OneSignal и нажать кнопку «Пуск» рядом с опцией Web Push.
Вам будет предложено указать адрес электронной почты и пароль для создания бесплатной учетной записи. После создания учетной записи вы получите доступ к панели управления OneSignal.
На панели инструментов нажмите кнопку «Добавить приложение», чтобы создать первое приложение.
Вам будет предложено указать имя для вашего заявления. Здесь вы можете использовать что угодно, чтобы помочь вам идентифицировать это.
Затем вам нужно будет выбрать платформу. Вы можете выбрать несколько платформ для одного приложения. На данный момент мы рекомендуем выбрать «Web Push» и нажать кнопку «Далее», чтобы продолжить.
На следующем шаге вам будет предложено выбрать метод интеграции. Идите дальше и нажмите на поле «Плагин WordPress или конструктор сайтов», а затем выберите WordPress.
Когда вы прокрутите немного вниз, вы увидите раздел «Настройки сайта WordPress».
Вы должны ввести название своего сайта, URL и загрузить логотип. Этот логотип будет отображаться в ваших уведомлениях, поэтому мы рекомендуем вам использовать значок вашего сайта (favicon) или логотип сайта.
Ниже вы увидите переключатель, который вы можете активировать, если ваш сайт WordPress не использует SSL / HTTPS. Вы можете отправлять push-уведомления только с безопасного URL-адреса HTTPS. Если ваш сайт WordPress не использует HTTPS, вам нужно активировать этот параметр и ввести тег.
В основном, тег – это субдомен, размещенный на серверах OneSignal, который использует защищенный URL-адрес HTTPS. Этот поддомен будет использоваться для отправки ваших push-уведомлений.
Если вы хотите настроить HTTPS на своем собственном сайте WordPress, ознакомьтесь с нашим пошаговым руководством по переходу WordPress с HTTP на HTTPS. Мы настоятельно рекомендуем использовать собственный домен с SSL вместо субдомена в OneSignal, чтобы он не был навсегда заблокирован на вашей платформе.
Когда вы закончите, нажмите кнопку Сохранить, чтобы сохранить настройки OneSignal. Теперь вы увидите ключи API, которые вам нужно скопировать.
Теперь вы можете вернуться к настройкам плагина OneSignal на своем сайте WordPress и перейти на вкладку «Настройки». Вы должны вставить приложение и ключи API, которые вы скопировали ранее.
Эти API-ключи позволяют отправлять push-уведомления только через веб-браузеры Chrome и Firefox.
Вам также потребуется Safari Web ID для отправки push-уведомлений через веб-браузер Safari.
Чтобы получить ключ API Safari, необходимо вернуться на веб-сайт OneSignal и перейти на страницу настроек вашего приложения. Оказавшись там, вам нужно нажать на иконку редактирования рядом с Apple Safari.
Затем вам будет предложено ввести заголовок, URL вашего сайта и при необходимости загрузить значок сайта.
Нажмите кнопку Сохранить, чтобы сохранить настройки. После этого вы увидите свой веб-идентификатор Safari на экране для копирования.
Снова вернитесь на страницу настроек плагина на вашем сайте WordPress и вставьте Safari Web ID на вкладке настроек.
Не забудьте нажать кнопку Сохранить, чтобы сохранить настройки вашего плагина.
Теперь вы можете посетить свой веб-сайт в новой вкладке браузера инкогнито. Вы увидите всплывающее уведомление в верхней части и значок уведомления в правом нижнем углу экрана.
Всплывающее окно push-уведомлений также появится в мобильных браузерах.
Примечание. Внешний вид всплывающего уведомления может отличаться в зависимости от настроек http / https вашего сайта.
Теперь вам может быть интересно, почему это уведомление о пуш-уведомлении выглядит не так, как на других сайтах.
Обычно пользователи видят уведомление об уведомлении браузера по умолчанию, которое выглядит следующим образом:
Теперь проблема в том, что если пользователь нажимает кнопку «Блокировать», он никогда не увидит сообщение о подписке на уведомления. Чтобы исправить это, OneSignal поставляется с двумя различными типами запросов.
Первое – это всплывающее уведомление, а другое – значок звонка подписки. Оба полностью настраиваемые, и вы можете изменить их в соответствии с вашими потребностями.
Шаг 2. Настройка всплывающего уведомления
Базовое всплывающее уведомление довольно простое. Он использует общий язык и отображает логотип вашего сайта. Вы можете настроить это, чтобы сделать его более личным.
Просто перейдите на вкладку настроек на странице настроек плагина OneSignal на вашем сайте WordPress и прокрутите вниз до раздела «Настройки всплывающего окна HTTP».
Вы должны нажать кнопку переключения рядом с «Настроить текст всплывающего окна HTTP», а затем начать добавлять свой собственный текст.
Не забудьте нажать кнопку Сохранить, чтобы сохранить настройки перед проверкой сообщения.
Шаг 3. Настройте значок уведомления звонка
Обычно браузер запрашивает уведомления, и всплывающее окно исчезает, когда пользователь отклоняет их.
Что произойдет, если пользователи позже передумают и захотят получать push-уведомления?
Подписная кампания в OneSignal позволяет вам постоянно показывать пользователям сообщение для подписки на push-уведомления на вашем сайте.
Значок колокольчика также полностью настраивается на странице настроек плагина. Просто прокрутите вниз до раздела «Параметры звонка и напоминания» и активируйте параметры настройки, которые вы хотите изменить.
Затем вы можете прокрутить вниз и изменить настройки для каждого параметра, который вы хотите настроить. В идеале, измените цвета значка колокольчика, чтобы он соответствовал цветам вашей собственной темы.
Примечание. Мы не используем значок колокольчика, потому что считаем его слишком навязчивым.
Шаг 4. Отправка push-уведомлений с вашего сайта WordPress
По умолчанию плагин OneSignal автоматически отправляет push-уведомления для всех новых сообщений, опубликованных на вашем сайте. При желании вы можете отключить эту функцию на странице конфигурации плагина в разделе «Настройки автоматического уведомления».
Вы также можете вручную отправить уведомление при публикации или обновлении сообщения. Просто отредактируйте сообщение или страницу WordPress, и вы увидите мета-поле OneSignal в столбце настроек документа справа.
Если вы используете старый классический редактор, вы увидите мета-поле, например:
Установите флажок «Отправить уведомление об обновлении / публикации», а затем нажмите кнопку обновления или публикации.
OneSignal теперь будет отправлять вашу статью в виде автоматического уведомления всем своим подписчикам.
Отправить приветственное push-уведомление новым подписчикам
Вы также можете отправить приветственное push-уведомление своим новым подписчикам. Перейдите на страницу настроек OneSignal в области администрирования WordPress и прокрутите вниз до раздела «Настройки приветствия».
Теперь, когда новый подписывается на получение push-уведомлений, вы получите приветственное уведомление на вашем устройстве. В зависимости от вашего браузера и устройства, уведомление может выглядеть по-разному.
Вот и все, вы успешно добавили веб-push-уведомления на свой сайт WordPress.
Вы также можете отправлять персонализированные уведомления с панели инструментов приложения OneSignal. Процесс интуитивно понятен, и вы можете следовать инструкциям на экране после входа в OneSignal.
Другие хорошие плагины пуш-уведомлений WordPress
Важно с самого начала выбрать правильный веб-сервис push-уведомлений. Поскольку большинство провайдеров пытаются заблокировать вас на своей платформе, изменение службы push-уведомлений может привести к потере старых подписчиков. Это означает, что если вы измените, вы начнете с нуля.
Вот почему мы рекомендуем вам попросить поставщика выбрать все параметры, которые необходимо настроить, чтобы сделать список подписчиков переносимым.
В WPBeginner мы используем OneSignal, потому что он обладает необходимыми функциями по разумной цене.
- OneSignal предлагает бесплатный плагин для push-уведомлений WordPress с неограниченными push-уведомлениями для мобильных устройств и веб-уведомлениями до 30 тысяч подписчиков.
- Даже их бесплатный план включает в себя такие функции, как нацеливание, местоположение, отслеживание с помощью Google Analytics и надежный API.
- Вы можете использовать его во всех основных почтовых маркетинговых сервисах, чтобы отправлять электронные письма через новостные рассылки.
WordPress о выборах. Вот другие плагины push-уведомлений WordPress, которые вы также можете попробовать.
-
PushCrew – подключает ваш сайт к службе push-уведомлений PushCrew. Они предлагают бесплатный тариф ограничен до 2000 подписчиков.
-
PushEngage Web Push-уведомления: это подключаемый модуль для PushEngage, поставщика услуг push-уведомлений. У них есть бесплатный тариф, ограниченный 2500 подписчиками, 120 уведомлениями и 5000 кликами.
-
PushAlert – веб-push-уведомления. Помогает подключиться к службе push-уведомлений Web-PushAlert. Они также предлагают бесплатный тариф ограничен 3000 подписчиков.
-
PushAssist – подключаемый модуль для службы push-уведомлений Push Web Assist. Ваш бесплатный тариф ограничен 2000 подписчиками.
Мы надеемся, что эта статья помогла вам узнать, как добавить веб-push-уведомления на ваш сайт WordPress. Вы также можете ознакомиться с нашим руководством о том, как получить бесплатный бизнес-адрес электронной почты для вашего сайта.
Если вам понравилась эта статья, подпишитесь на наш канал YouTube, чтобы посмотреть обучающие видеоролики WordPress. Вы также можете найти нас на Twitter а также Facebook,
