Ищете способ добавить push-уведомления на ваш сайт?
Push-уведомления могут помочь вам генерировать большой трафик, вовлеченность и продажи в автоматическом режиме и с минимальными усилиями. Но главный вопрос: как это сделать?
В этой статье мы покажем вам, как добавить push-уведомления на ваш сайт, даже если вы никогда не делали этого раньше.
Для этой статьи мы будем использовать PushEngage для настройки push-уведомлений на вашем сайте. PushEngage — это программное обеспечение для push-уведомлений № 1 в мире. Так что ваши кампании будут в надежных руках.
Давайте начнем.
Как установить push-уведомления на ваш сайт
Давайте начнем с предварительного просмотра того, чего вы можете ожидать в результате этой статьи. Если вы последуете этим шагам, к концу этой статьи вы сможете отправлять push-уведомления с вашего сайта, как это:
Неважно, на чем был создан ваш сайт. Независимо от того, какой технологический стек вы использовали для разработки вашего сайта, вы всегда можете установить push-уведомления на свой сайт. Мы рассмотрим все это в следующих разделах.
Давайте начнем.
Шаг № 1: Настройте свою учетную запись PushEngage
Перейдите на главную страницу PushEngage и нажмите кнопку Начать работу:
Вы можете выбрать бесплатный план, чтобы попробовать PushEngage, или выбрать платный план, если вы серьезно относитесь к развитию своего бизнеса. Платные планы предлагают больше опций для кампаний и возможность создавать еще большие списки подписчиков.
После регистрации учетной записи перейдите в панель управления PushEngage и выберите Настройки » Настройки сайта » Настройки установки:
Здесь вы настраиваете детали вашего сайта и брендинг. Загрузите логотип и укажите URL сайта для ваших push-уведомлений. Вам следует сделать это прямо сейчас, чтобы вы могли правильно протестировать свои push-уведомления.
Шаг № 2: Получите установочный код из PushEngage
Далее вам нужно перейти в панель управления PushEngage и получить код установки. Перейдите в Настройки » Настройки сайта » Настройки установки:
Вот где все начинает становиться немного техническим.
В этой вкладке вы увидите, что можете получить разный код для разных типов веб-сайтов.
Найдите подходящий для вашего сайта и скопируйте его.
Если вы управляете сайтом на CMS, которого нет в списке на вкладке, вы можете перейти на вкладки HTTP или HTTPS в зависимости от того, установлен ли SSL-сертификат на вашем сайте.
Очень важная часть этого шага, если вы используете HTTPS-сайт, — это доступ к корневой папке вашего сервера. Чтобы push-уведомления работали на HTTPS-сайте, вам нужно будет скачать файл service-wroker.js с той же вкладки. А затем загрузить его в корневую папку.
ПРИМЕЧАНИЕ: Если вы не можете загрузить файл service-worker в корневую папку, у вас есть возможность загрузить файл в другую папку. Перейдите в PushEngage Dashboard » Settings » Site Settings » Advanced Settings.
Просто следуйте инструкциям в разделе Service Worker Settings, и все будет готово:
И это все!
Вы успешно установили веб-push уведомления на WordPress без использования плагина.
Шаг № 3: Размещение установочного кода в HTML вашего сайта
По сути, независимо от типа вашего сайта, вы захотите разместить этот установочный код в HTML-теге <head> вашего сайта. И процесс для этого отличается для разных платформ. Если вы хотите получить руководство по конкретной платформе о том, как установить push-уведомления на ваш сайт, ознакомьтесь с этими ресурсами:
- Установите push-уведомления на WordPress
- Установите push-уведомления на WooCommerce
- Установите push-уведомления на Wix
- Установите push-уведомления на Zoho
- Установите push-уведомления на Volusion
- Установите push-уведомления на Weebly
- Установите push-уведомления на ClickFunnels
- Установите push-уведомления на PrestaShop
- Установите push-уведомления на OpenCart
- Установите push-уведомления на CS-Cart
- Установите push-уведомления на Squarespace
Если у вас пользовательский сайт, созданный на HTML, вы точно будете знать, куда поместить код. Но процесс размещения установочного кода в заголовке вашего сайта будет меняться в зависимости от вашей CMS или конструктора сайтов.
Для некоторых CMS вы можете вставить свой установочный код непосредственно из своей панели управления. В других случаях, как с PrestaShop, вам нужно будет использовать PushEngage API Key. Поэтому мы рекомендуем следовать этим руководствам для конкретных платформ для любого другого сайта.
Шаг № 4: Настройка формы подписки PushEngage
Наконец, в панели управления PushEngage перейдите в Настройки » Настройки подписки » Диалоговое окно подписки » Редактировать:
Отсюда вы можете настроить форму подписки на push-уведомления. Если вам нужна помощь с этим, ознакомьтесь с этой статьей о том, как создать пользовательскую форму подписки на push-уведомления.
Если вам нужно вдохновение, вы можете ознакомиться с этой статьей о высококонверсионных формах подписки на push-уведомления.
Шаг № 5: Создайте приветственное уведомление
После завершения настройки формы подписки ваш сайт сможет собирать подписчиков.
Но как узнать, правильно ли работают ваши push-уведомления?
Мы рекомендуем вам создать приветственное push-уведомление, чтобы проверить, успешно ли прошла настройка. Приветственное уведомление — это push-уведомление, которое вы отправляете новому подписчику, чтобы подтвердить его подписку и поприветствовать его.
Перейдите в Настройки » Настройки сайта » Настройки установки и настройте ваше приветственное сообщение:
Наконец, вернитесь на свой сайт и подпишитесь на собственные push-уведомления, чтобы проверить, все ли работает исправно.
И это все!
Вы успешно настроили веб-push-уведомления на своем веб-сайте. Пора вернуться на панель управления PushEngage и начать создавать свои кампании push-уведомлений.
Заключение
На этом всё, друзья!
Если вы новичок в push-уведомлениях, вам следует пройти полный процесс тестирования push-уведомлений, прежде чем запускать их. Это поможет вам устранить распространенные проблемы до того, как посетители увидят их и начнут жаловаться на плохой пользовательский опыт.
Мы рекомендуем вам связаться с нашими менеджерами по работе с клиентами, если вы застряли с чем-либо из этого. Мы будем рады помочь вам с любой проблемой.
И если вы еще этого не сделали, попробуйте PushEngage. PushEngage — это сервис push-уведомлений №1 в мире. Так что, если вы серьезно относитесь к развитию своего бизнеса, вам следует инвестировать в PushEngage.
