Обратите внимание
Веб пуши и подписка на них работает только на HTTPS.
Важно
Не пытайтесь тестировать web-push уведомления в режиме "Инкогнито" в любом из браузеров! Web-push уведомления не работают в этом режиме.
Чтобы начать рассылать уведомления подписчикам, вам нужно этих подписчиков получить. Для этого необходимо включить подписку на вашем сайте.
Обычное окно подписки на веб-пуш уведомления выглядит не информативным, поэтому мало способствует желанию посетителя подписаться на вашу рассылку:
REES46 разработал специальную форму подписки на веб-пуш уведомления, в которой можно разместить мотивирующий текст, изображение и дать согласие на получение акций и сообщений:
Кстати, подписки можно также использовать для уведомления о статусе заказа, доставке и другой системной информации. Предлагая пользователям в процессе оформления заказа разрешить отправлять веб-пуш уведомления вы расширяете базу получателей, которым потом можете отправлять спецпредложения. См. подробнее в разделе "Кнопки подписки".
Подготовительные работы
Для того, чтобы активировать функцию веб-пуш уведомлений, необходимо:
- Сделать так, чтобы сайт поддерживал протокол HTTPS. Без HTTPS подписки не работают.
- Загрузить в корень сайта файл manifest.json.
- Загрузить в корень сайта файл push_sw.js.
- Для поддержки Web push в Safari необходимо получить сертификат.
Включение окна подписки
Авторизуйтесь на сайте rees46.com.
Перейдите в настройки своего магазина.
В меню выберите пункт "Сбор подписок на web-push". Попадете на экран состояния подписок:
Нажмите на кнопку "Изменить внешний вид" и попадете на экран настройки подписки:
Нажмите чекбокс "Подписка включена".
Измените заголовок, текст предложения, текст кнопки и текст соглашения, если необходимо.
Загрузите изображение.
Измените внешний вид окна, если необходимо.
Нажмите "Сохранить".
Окно подписки отображается посетителю сайта один раз через 30 секунд посещения сайта. Если пользователь отклонил подписку, то окно больше не показывается. Предложить ему подписаться в следующий раз можно с помощью кнопок подписки.
Настройка Web push для Safari
1. Для того, чтобы подключить web push уведомления необходимо создать сертификат в разделе Certificates, Identifiers & Profiles.
2. После отправки информации заходим в редактирование идентификатора
3. Создаем запрос на сертификат. Для этого открываем приложение Связка ключей.
4. Вводим необходимую информацию
5. Сохраняем сертификат на рабочий стол и возвращаемся на страницу запроса сертификата и нажимаем Continue.
6. Загружаем наш ранее сгенерированный файл.
7. Скачиваем готовый сертификат на рабочий стол.
8. Двойным кликом устанавливаем сертификат в Связку ключей.
9. Экспортируем приватный ключ. Выбираем пункты Вход и Мои сертификаты, находим наш сертификат и экспортируем его в файл .p12 указав пароль к сертификату.
10. В настройках Web push подписок находим раздел Настройки для сафари, загружаем приватный ключ и заполняем необходимую информацию.
Будет полезно знать