Ищете быстрое и простое руководство по настройке веб-push-уведомлений на вашем сайте?
Мы позаботились о вас.
В этой статье мы покажем вам, как настроить веб-push-уведомления на вашем сайте, даже если:
- Вы никогда не делали этого раньше
- У вас нет разработчика, который сделает это за вас
- Вы пытались и не смогли добавить push-уведомления на свой сайт
Самое приятное? Мы сделаем это без технического жаргона. Так что, даже если вы не разработчик, вы все равно сможете довольно легко установить push-уведомления.
Для этой статьи мы будем использовать PushEngage для настройки push-уведомлений на вашем сайте. PushEngage — это программное обеспечение для push-уведомлений № 1 в мире. Так что ваши кампании будут в надежных руках.
Давайте начнем.
Как установить push-уведомления на ваш сайт
Прежде чем мы начнем, взгляните на то, что вы сможете получить на своем сайте в конце этой статьи. Если вы последуете шагам этого руководства, вы сможете отправлять push-уведомления со своего сайта, как это:
Совершенно неважно, как вы разработали свой сайт, какой у вас бизнес или какие-либо другие технические характеристики. В любом случае вы сможете установить push-уведомления на свой сайт.
Давайте начнем.
Шаг № 1: Настройте свою учетную запись PushEngage
Перейдите на главную страницу PushEngage и нажмите кнопку Начать работу:
Вы можете выбрать бесплатный план, чтобы попробовать PushEngage, но если вы серьезно относитесь к развитию своего бизнеса, выберите платный план. Платные планы включают лучшие параметры таргетинга аудитории и функции автоматизации кампаний.
После регистрации учетной записи перейдите в панель управления PushEngage и выберите Настройки » Настройки сайта » Настройки установки:
На этом экране вы можете настроить URL и идентификатор вашего сайта. Задайте логотип и URL сайта для ваших кампаний и рассылок push-уведомлений.
Все подписчики ваших push-уведомлений увидят Название сайта, Изображение сайта и URL сайта в ваших уведомлениях. Поэтому вам следует настроить их прямо сейчас, чтобы вы могли протестировать свои push-уведомления позже.
Шаг № 2: Получите установочный код из PushEngage
Далее вам нужно перейти в панель управления PushEngage и получить код установки. Перейдите в Настройки » Настройки сайта » Настройки установки:
В этой вкладке вы увидите, что можете получить разный код для разных типов веб-сайтов. Найдите подходящий для вашего сайта и скопируйте его. Если у вас сайт на CMS, которой нет в списке на вкладке, вы можете перейти на вкладку HTTP или HTTPS в зависимости от того, установлен ли SSL-сертификат на вашем сайте.
Следующая часть очень важна. Если вы не выполните этот шаг, ваш сайт не сможет собирать подписчиков push-уведомлений.
Если вы используете сайт HTTPS и у вас есть доступ к корневой папке вашего сервера, вам нужно будет скачать файл service-worker.js с той же вкладки. Затем загрузите его в корневую папку.
ПРИМЕЧАНИЕ: Если вы не можете загрузить файл service-worker в корневую папку, вы все равно можете загрузить файл в другую папку. Перейдите в 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-уведомления — отличный способ привлечь повторный трафик на ваш сайт и увеличить прямые продажи и вовлеченность.
Не убедились? Ознакомьтесь с этими отличными ресурсами:
- Кампании с отложенными письмами и автоответчики для веб-push-уведомлений
- 5 преимуществ использования кампании push-уведомлений о брошенных корзинах
- Как превратить подписчиков в покупателей с помощью push-уведомлений в браузере
Если вы еще этого не сделали, попробуйте PushEngage. PushEngage — это сервис push-уведомлений №1 в мире. Так что, если вы серьезно относитесь к развитию своего бизнеса, PushEngage — правильный выбор для вас.
