Создание 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.

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

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-уведомления на вашем сайте, будет приходить пуш-сообщение после подтверждения подписки.