Создание web-push-уведомлений

Web-push-уведомление – это небольшое информационное окошко, которое всплывает в браузере и позволяет коммуницировать с клиентом в режиме онлайн. Оно появляется даже в том случае, когда пользователь не находится на вашем сайте – для этого ему достаточно только открыть браузер.

Пример веб пуша, созданного в eSputnik

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

Создание web-push-уведомления в редакторе

1. Зайдите в раздел "Сообщения" в верхней панели

Раздел сообщений в eSputnik

Перейти к редактору web-push-уведомлений можно двумя способами:

  • нажмите на стрелочку рядом с кнопкой “Создать Email” и выберите в выпадающем меню Web Push;

  • выберите Web Push в меню слева и нажмите на кнопку “Создать Web Push”.

2. Задайте тему push-уведомления и его текст

Используйте заголовки не более 30 символов, чтобы они корректно отображались на разных устройствах. Оптимальным количеством знаков для самого сообщения считается 45-70. На панели справа вы увидите, как будет выглядеть уведомление в браузерах Chrome, Firefox и Safari. Также вы можете запустить тестовое сообщение, нажав на кнопку Test.

Редактор web-push-уведомлений

Важно!

Чтобы протестировать web push, вы должны быть подписаны на уведомления от домена esputnik.com. Если у вас не появился запрос на подписку, нажмите на иконку замочка в адресной строке браузера и выберите пункт “Разрешить” для уведомлений.

Как разблокировать окно подписки на веб-пуш в браузере

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

3. Сделайте пуш-уведомления уникальными

  • Установите логотип для узнаваемости.

Добавление логотипа в пуш-сообщение

Можно загружать файлы формата JPEG или PNG, использовать ссылку или переменную в качестве адреса изображения. Переменная позволяет подставлять динамический контент в сообщениях. Добавленные логотипы сохраняются в “Загруженных”, и вы с легкостью можете их менять при необходимости.

  • Персонализируйте web-push-рассылки.

Используйте персонализацию и подстановку динамического контента в триггерных и проморассылках.

Персонализация в web push

Чтобы в сообщении, которое увидит пользователь, подставились персональные значения, нажмите в поле заголовка или текста сообщения на иконку с человечком. Здесь можно выбрать не только имя, а и различные данные, которые записаны в полях карточки контакта, или название группы для рассылки.

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

  • Укажите категории подписки, чтобы пользователи получали уведомления, соответствующие их интересам.

  • Добавляйте большие изображения и Call-to-Action.

Для контактов Chrome можно отправлять пуши с большой картинкой и одной или двумя кнопками.

Пример web-push-уведомления в Chrome

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

Пример использования персонализации для картинок

4. Настройте дополнительные параметры

  • Укажите время активности (TTL) – период, после которого сообщение не будет показано, если оно не доставлено к этому моменту.

  • Сделайте ползунок UTM-меток активным, чтобы они автоматически добавлялись к вашему URL.

Дополнительные параметры веб-пуш-уведомления

Если всё готово, нажмите “Создать рассылку”. Чтобы вернуться позже к редактированию сообщения, выберите кнопку “Сохранить и выйти”. Если вы забыли указать важные обязательные данные, например ссылку для перехода, в обоих случаях система предупредит вас об ошибке.

5. Запуск рассылки

Задайте настройки на странице подготовки рассылки:

Настройки для запуска рассылок

  • "Скрывать уведомление автоматически" – время показа web-push-уведомлений зависит от браузера (от 8 до 20 секунд). Если эту опцию оставить неактивной, сообщение будет находиться на экране, пока пользователь не кликнет по нему или не закроет.

  • Выберите группы для отправки. Вы можете разделять подписчиков по полу, интересам, языку, местоположению и любым другим признакам, чтобы присылать целевые сообщения.

Важно!

Сегментирование контактов для отправки веб-пуш доступно только в тарифе “Продвинутый”.

В блоке ниже вы увидите всю необходимую информацию для проверки: время активности сообщения, ссылки, на которые ведут кнопки, и само уведомление. Также вы сможете еще раз просмотреть, как будет выглядеть пуш в разных браузерах.

Информация о рассылке для проверки

В параметрах отправки установите скорость и нажмите кнопку “Начать немедленно” для запуска рассылки. Для отложенного запуска выберите кнопку "Запланировать" и задайте нужную дату и время отправки.

Параметры отправки

Триггерная рассылка

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

Рассмотрим пример с условием отправлять push-уведомление всем, кто подтвердил подписку. Эта задача реализовывается очень просто:

1. В меню “Триггеры” зайдите в соответствующий раздел, чтобы добавить новый сценарий

Создание нового сценария

2. В сценарии установите блок отправки push-уведомлений, укажите его настройки и сохраните

Сценарий для отправки web-push-уведомления

3. Задайте условия запуска сценария

Для этого в списке сценариев выберите необходимый и нажмите на “Настройку запуска”:

Настройка запуска сценария

В появившемся окне укажите событие и другие условия запуска:

Выбор условий для запуска сценария

В нашем примере используется системное событие о подписке новых пользователей – newWebpushSubscription. Просмотреть полный список событий либо создать новое можно в разделе “Триггеры” → “Типы событий”.

4. Чтобы сделать сценарий активным, нажмите на кнопку “Старт”

Кнопка для активации сценария

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

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email