Как добавить уведомления браузера для WordPress

Если вы пытались расширить свой список подписчиков электронной почты, но не видите, что посетители возвращаются на ваш сайт, вам может быть интересно, что еще вы можете сделать. Информирование посетителей сайта об обновлениях и привлечение возвратного трафика на ваш сайт может быть непростой задачей.

К счастью, уведомления браузера или «push»-уведомления могут добавить динамичности вашему веб-сайту. Возможность передавать информацию через браузер каждого пользователя может открыть новый способ информирования ваших посетителей и даже привлечения новых подписчиков.

В этой статье мы объясним, что такое push-уведомления и где их можно использовать. Мы также рассмотрим, как настроить их как для настольных, так и для мобильных браузеров. Если вы готовы узнать больше об этой полезной технике, давайте начнем!

Что такое уведомления браузера веб-сайта (Push-уведомления)?

Как веб-пользователь, вы можете быть более знакомы с push-уведомлениями, когда речь идет о вашем смартфоне. Push-уведомления, в соответствии со своим названием, автоматически «отправляют» информацию на ваше устройство или в браузер, чтобы вы знали, когда произошло что-то примечательное. Это может быть, например, когда вы получили текстовое сообщение, лайкнули или прокомментировали публикацию в социальной сети.

Фактически, 52% мобильных пользователей включили push-уведомления на своих телефонах. Более того, та же технология может быть использована для получения push-уведомлений в настольных веб-браузерах. Включив push-уведомления для своего веб-сайта, вы можете извлечь выгоду из таких функций, как геолокация, чтобы создать персонализированный опыт, или отслеживать привычки покупателей, чтобы уменьшить количество брошенных корзин.

Одним из примеров уведомлений браузера в действии является веб-сайт с купонами и бесплатными образцами Freefly. Freefly использует push-уведомления для настольных браузеров. Когда пользователь посещает сайт, его встречает уведомление с вопросом, не хотят ли они получать свои «Предупреждения о бесплатных услугах». Вы можете выбрать «Да» или «Нет, спасибо» и продолжить просмотр сайта:

Пример внедрения push-уведомлений Freefly показывает, что его цель состояла в том, чтобы обеспечить мгновенное сообщение посетителям о сделках с ограниченным сроком действия. Этот подход привлек 4400 новых подписчиков за 30 дней после всего лишь трехминутного процесса настройки.

Как настроить уведомления браузера с помощью WordPress (за 6 шагов)

Теперь давайте взглянем на OneSignal, бесплатный плагин WordPress, который предлагает неограниченные мобильные push-уведомления и веб-уведомления для 30 000 подписчиков.

OneSignal также имеет возможность сегментировать аудиторию, реализовывать функции локализации, отслеживать результаты с помощью Google Analytics и использовать надежный API.

Это означает, что вы можете интегрировать его со всеми ведущими службами электронного маркетинга, чтобы отправлять информационные бюллетени с помощью push-уведомлений, чтобы сделать работу с клиентами еще более персонализированной. Давайте посмотрим, как начать работу с OneSignal, выполнив следующие шесть шагов.

1. Загрузите и установите плагин OneSignal.

Во-первых, вам нужно перейти в каталог плагинов WordPress и найти OneSignal. После того, как вы загрузите файлы плагина, вам нужно будет посетить раздел «Плагины» в административной области вашего сайта WordPress.

Кроме того, вы можете найти OneSignal в разделе «Плагины» и добавить бесплатный плагин прямо туда.

После установки плагина обязательно нажмите кнопку «Активировать» , которая появится после завершения установки. Когда вы это сделаете, вы можете щелкнуть ссылку OneSignal , чтобы завершить процесс.

2. Посетите веб-сайт OneSignal, чтобы подключиться к WordPress.

На веб-сайте OneSignal вам необходимо создать бесплатную учетную запись. Вам также необходимо выполнить несколько шагов, чтобы убедиться, что OneSignal настроен для вашего сайта WordPress, и выбрать браузеры, которые вы хотите использовать.

После регистрации вам будет предложено выбрать приложение для ваших уведомлений.

В нашем примере мы будем использовать Chrome. Вам нужно будет назвать свое приложение, чтобы перейти к следующему шагу. На следующем экране вам будет предложено настроить веб-push.

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

После того, как вы выберете значок WordPress , ниже появятся дополнительные параметры конфигурации с надписью «Настройка сайта WordPress» . Здесь вы сможете добавить информацию о своем веб-сайте и загрузить собственный значок, если хотите.

В этом диалоговом окне настройки вы также найдете документацию по сайтам, которые не полностью поддерживают HTTPS. Если вы находитесь в такой ситуации, вам следует просмотреть эту документацию и следовать рекомендациям OneSignal. Завершив заполнение информации о своем сайте, сохраните изменения.

3. Подтвердите настройки на панели настроек плагина WordPress.

После того, как вы сохранили информацию о настройке сайта WordPress, вам будет представлен экран с важными деталями, которые необходимо перенести на панель настроек OneSignal в WordPress. К ним относятся ваш идентификатор API и ключ API для приложения, которое вы только что настроили.

Вы можете использовать кнопку «Перейти на мой веб-сайт» под информацией об API или перейти на панель инструментов WordPress на другой вкладке браузера, чтобы завершить настройку.

Когда вы окажетесь на своей панели инструментов, вам нужно нажать OneSignal Push в меню слева и выбрать вкладку «Конфигурация» . Здесь вам нужно будет ввести эти коды API, чтобы установить окончательное соединение между WordPress и OneSignal.

Чтобы настроить push-уведомление и для браузера Apple Safari, вам придется вернуться на веб-сайт OneSignal и добавить Safari в качестве приложения (и так далее для других браузеров).

4. Настройте свое всплывающее сообщение

Теперь, когда вы установили связь между WordPress и OneSignal, вы можете приступить к настройке всех различных параметров, включенных в плагин. Это включает в себя всплывающее сообщение для подписки на ваши push-уведомления.

В настройках OneSignal Push в WordPress вы можете прокрутить вниз информацию об API и решить, что вы хотите, чтобы текст вашего push-приглашения говорил.

Это отличный способ персонализировать опыт и побудить посетителей использовать ваши уведомления.

5. Настройте значок уведомлений

Еще один ключевой элемент, который вы можете настроить, — это значок уведомления. Это позволит вам настроить способ получения посетителями уведомлений в своих браузерах. Например, вы можете создать индивидуальное благодарственное сообщение, которое посетители получат после подписки.

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

6. Отправляйте уведомления с вашего сайта WordPress

Теперь, когда вы настроили OneSignal, вам может быть интересно, как отправлять уведомления. К счастью, приложение OneSignal будет автоматически отправлять push-уведомления каждый раз, когда на вашем сайте публикуется новая запись.

Однако, если вы хотите вручную отправить уведомление для страницы или публикации, вы можете сделать это с любого экрана редактирования WordPress.

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

Нужна помощь в улучшении цифрового опыта?

Настройка push-уведомлений для вашего веб-сайта WordPress может быть идеальным способом создать динамичный опыт для посетителей вашего сайта. Если вам понравилось изучение этого инструмента, вам понравятся и другие отличные ресурсы для разработчиков, которыми мы можем поделиться здесь, в WP Engine.

WP Engine предоставляет больше, чем просто быстрые и надежные услуги хостинга WordPress. Мы также предлагаем полную платформу цифрового опыта. Это означает, что с WP Engine вы можете сосредоточиться на разработке превосходного дизайна веб-сайта для своих клиентов и доверить управление хостингом нам!