Создание web-push-уведомлений
Web-push-уведомление – это небольшое информационное окошко, которое всплывает в браузере и позволяет коммуницировать с клиентом в режиме онлайн. Оно появляется даже в том случае, когда пользователь не находится на вашем сайте – для этого ему достаточно только открыть браузер.
Чтобы отправлять клиентам веб-пуши через наш сервис, для начала необходимо привязать сайт, установить скрипт для сбора токенов и настроить форму подписки. Подробнее об этом вы можете прочитать в инструкции. После того, как все необходимые настройки внесены в аккаунт, можно создавать рассылки push-уведомлений.
Создание web-push-уведомления в редакторе
1. Зайдите в раздел "Сообщения" в верхней панели
Перейти к редактору web-push-уведомлений можно двумя способами:
-
нажмите на стрелочку рядом с кнопкой “Создать Email” и выберите в выпадающем меню Web Push;
-
выберите Web Push в меню слева и нажмите на кнопку “Создать Web Push”.
2. Задайте тему push-уведомления и его текст
Используйте заголовки не более 30 символов, чтобы они корректно отображались на разных устройствах. Оптимальным количеством знаков для самого сообщения считается 45-70. На панели справа вы увидите, как будет выглядеть уведомление в браузерах Chrome, Firefox и Safari. Также вы можете запустить тестовое сообщение, нажав на кнопку Test.
Важно!
Чтобы протестировать web push, вы должны быть подписаны на уведомления от домена esputnik.com. Если у вас не появился запрос на подписку, нажмите на иконку замочка в адресной строке браузера и выберите пункт “Разрешить” для уведомлений.
При желании добавьте сообщению метки, с помощью которых вы сможете быстро находить нужные сообщения, анализировать статистику и настраивать стратегию частоты рассылок.
3. Сделайте пуш-уведомления уникальными
-
Установите логотип для узнаваемости.
Можно загружать файлы формата JPEG или PNG, использовать ссылку или переменную в качестве адреса изображения. Переменная позволяет подставлять динамический контент в сообщениях. Добавленные логотипы сохраняются в “Загруженных”, и вы с легкостью можете их менять при необходимости.
-
Персонализируйте web-push-рассылки.
Используйте персонализацию и подстановку динамического контента в триггерных и проморассылках.
Чтобы в сообщении, которое увидит пользователь, подставились персональные значения, нажмите в поле заголовка или текста сообщения на иконку с человечком. Здесь можно выбрать не только имя, а и различные данные, которые записаны в полях карточки контакта, или название группы для рассылки.
Подстановка динамического контента особенно актуальна в сообщениях о заказах и брошенных корзинах.
-
Укажите категории подписки, чтобы пользователи получали уведомления, соответствующие их интересам.
-
Добавляйте большие изображения и Call-to-Action.
Для контактов Chrome можно отправлять пуши с большой картинкой и одной или двумя кнопками.
Для добавления большого изображения можно загрузить файл с компьютера, указать ссылку в интернете или персонализированную картинку, добавив динамический контент.
4. Настройте дополнительные параметры
-
Укажите время активности (TTL) – период, после которого сообщение не будет показано, если оно не доставлено к этому моменту.
-
Сделайте ползунок UTM-меток активным, чтобы они автоматически добавлялись к вашему URL.
Если всё готово, нажмите “Создать рассылку”. Чтобы вернуться позже к редактированию сообщения, выберите кнопку “Сохранить и выйти”. Если вы забыли указать важные обязательные данные, например ссылку для перехода, в обоих случаях система предупредит вас об ошибке.
5. Запуск рассылки
Задайте настройки на странице подготовки рассылки:
-
"Скрывать уведомление автоматически" – время показа web-push-уведомлений зависит от браузера (от 8 до 20 секунд). Если эту опцию оставить неактивной, сообщение будет находиться на экране, пока пользователь не кликнет по нему или не закроет.
-
Выберите группы для отправки. Вы можете разделять подписчиков по полу, интересам, языку, местоположению и любым другим признакам, чтобы присылать целевые сообщения.
Важно!
Сегментирование контактов для отправки веб-пуш доступно только в тарифе “Продвинутый”.
В блоке ниже вы увидите всю необходимую информацию для проверки: время активности сообщения, ссылки, на которые ведут кнопки, и само уведомление. Также вы сможете еще раз просмотреть, как будет выглядеть пуш в разных браузерах.
В параметрах отправки установите скорость и нажмите кнопку “Начать немедленно” для запуска рассылки. Для отложенного запуска выберите кнопку "Запланировать" и задайте нужную дату и время отправки.
Триггерная рассылка
Вы можете настроить триггерную рассылку, в которой пуш-уведомление будет отправляться клиенту при наступлении какого-либо события. Условия отправки push могут быть различными.
Рассмотрим пример с условием отправлять push-уведомление всем, кто подтвердил подписку. Эта задача реализовывается очень просто:
1. В меню “Триггеры” зайдите в соответствующий раздел, чтобы добавить новый сценарий
2. В сценарии установите блок отправки push-уведомлений, укажите его настройки и сохраните
3. Задайте условия запуска сценария
Для этого в списке сценариев выберите необходимый и нажмите на “Настройку запуска”:
В появившемся окне укажите событие и другие условия запуска:
В нашем примере используется системное событие о подписке новых пользователей – newWebpushSubscription. Просмотреть полный список событий либо создать новое можно в разделе “Триггеры” → “Типы событий”.
4. Чтобы сделать сценарий активным, нажмите на кнопку “Старт”
Теперь каждому клиенту, который подписался на push-уведомления на вашем сайте, будет приходить пуш-сообщение после подтверждения подписки.