Как настроить веб-push-уведомления на вашем сайте

Опубликовано: 2022-02-17

Ищете быстрое и простое руководство по настройке push-уведомлений на вашем веб-сайте?

Мы вас прикрыли.

В этой статье мы покажем вам, как настроить push-уведомления на вашем сайте, даже если:

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

Лучшая часть? Мы сделаем это без технического жаргона. Таким образом, даже если вы не разработчик, вы все равно можете довольно легко установить push-уведомления.

В этой статье мы собираемся использовать PushEngage для настройки push-уведомлений на вашем веб-сайте. PushEngage — программа для push-уведомлений №1 в мире. Так что ваши кампании будут в надежных руках.

Давайте погрузимся.

Как установить push-уведомления на свой сайт

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

Автоматические push-уведомления Wholesome Yum

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

Давайте погрузимся.

Шаг № 1: Настройте свою учетную запись PushEngage

Перейдите на домашнюю страницу PushEngage и нажмите кнопку «Начать»:

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

После того, как вы зарегистрировали учетную запись, перейдите на панель управления PushEngage и перейдите в « Настройки» » Настройки сайта » Настройки установки :

На этом экране вы можете настроить URL-адрес и идентификатор вашего сайта. Идите вперед и установите логотип и URL-адрес сайта для ваших кампаний push-уведомлений и трансляций.

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

Шаг № 2: Получите код установки от PushEngage

Затем вам нужно перейти на панель инструментов PushEngage и получить код установки. Перейдите в Настройки » Настройки сайта » Настройки установки :

Добавьте Push-уведомления на сайт Squarespace

На этой вкладке вы увидите, что можете получить разные коды для разных типов веб-сайтов. Найдите подходящий для вашего сайта и скопируйте его. Если вы используете сайт на CMS, которая не указана на вкладке, вы можете перейти на вкладки HTTP или HTTPS в зависимости от того, установлен ли на вашем сайте сертификат SSL.

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

Если вы используете HTTPS-сайт и у вас есть доступ к корневой папке вашего сервера, вам необходимо загрузить файл service-wroker.js с той же вкладки. Затем загрузите его в корневую папку.

ПРИМЕЧАНИЕ. Если вы не можете загрузить файл сервис-воркера в корневую папку, вы все равно можете загрузить файл в другую папку. Перейдите на панель инструментов PushEngage »Настройки» Настройки сайта »Дополнительные настройки .

Просто следуйте инструкциям в настройках Service Worker , и все готово:

Наконец, вам нужно поместить установочный код для PushEngage в HTML <head> вашего веб-сайта. Если вы разработчик, привыкший программировать в HTML, вы уже знаете, как это сделать.

Но если вы новичок в HTML и используете CMS для запуска своего сайта, не беспокойтесь. Процесс редактирования HTML <head> отличается для разных платформ. Итак, мы создали для вас подробные пошаговые руководства по самым популярным платформам:

Установите push-уведомления на WordPress
Установите push-уведомления на WordPress (без плагина)
Установите push-уведомления на WooCommerce
Установите push-уведомления на Wix
Установите push-уведомления в Blogger
Установите push-уведомления на Zoho
Установите push-уведомления на Volusion
Установите push-уведомления на Weebly
Установите push-уведомления на ClickFunnels
Установите push-уведомления в PrestaShop
Установите push-уведомления на OpenCart
Установить push-уведомления на CS-Cart
Установить push-уведомления на Drupal
Установите push-уведомления на Squarespace
Установите push-уведомления на X-Cart
Установите push-уведомления на BigCommerce
Установите push-уведомления на Jimdo

ВАЖНО: Вы можете вставить свой установочный код прямо с панели управления в некоторых конструкторах сайтов и CMS. В других случаях, таких как PrestaShop, вместо этого вам потребуется использовать API-ключ PushEngage. Вот почему мы рекомендуем следовать руководствам для конкретных платформ, чтобы правильно добавить код push-уведомления.

Шаг № 3: Настройка подписки PushEngage

Наконец, на панели инструментов PushEngage перейдите в « Настройки» «Настройки подписки» «Диалоговое окно подписки» «Изменить» :

Отсюда вы можете настроить подписку на push-уведомления. Если вам нужна помощь в этом, вам следует ознакомиться с этой статьей о том, как создать пользовательскую подписку на push-уведомление.

Если вам нужно вдохновение, вы можете прочитать эту статью о подписке на push-уведомления с высокой конверсией.

ДОПОЛНИТЕЛЬНЫЙ шаг: создайте приветственное уведомление

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

Но как узнать, правильно ли работают ваши push-уведомления?

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

Перейдите в Настройки » Настройки сайта » Настройки установки и настройте приветственное сообщение:

Наконец, вернитесь на свой сайт и выберите собственные push-уведомления, чтобы проверить, все ли работает гладко.

И это все, что нужно!

Вы успешно настроили веб-push-уведомления на своем сайте. Пришло время вернуться к панели инструментов PushEngage и начать создавать кампании с push-уведомлениями.

Подведение итогов

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

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

Не убежден? Проверьте эти эпические ресурсы:

Капельные кампании и автоответчики для веб-пуш-уведомлений
5 преимуществ использования кампании push-уведомлений об отказе от корзины
Как конвертировать подписчиков в покупателей с помощью веб-пуш-уведомлений

Если вы еще этого не сделали, попробуйте PushEngage. PushEngage — сервис push-уведомлений №1 в мире. Итак, если вы серьезно относитесь к развитию своего бизнеса, PushEngage — правильный выбор для вас.

Начните работу с PushEngage сегодня!