Как использовать push-уведомления в WordPress без плагина

Looking for a guide on how to install WordPress push notifications without a plugin?

Вы определенно попали по адресу.

In this article, we’ll show you how to install push notifications to a WordPress without using  a push notifications plugin:

• Even if… you’ve never customized anything on WordPress without a plugin;
• Even if… you’ve never written a single line of code;
• Even if… you’ve tried to do it before and already failed;

We’ll get push notifications installed on your site.

Звучит неплохо? Давайте приступим!

How to Install Push Notifications Without A Plugin

Installing push notifications to WordPress without a plugin isn’t difficult. But it does have a few steps and you’ll want to follow along with this guide step-by-step.

Не торопитесь, и все будет хорошо.

Поехали!

Step 1: Set Up Your PushEngage Account

Let’s get started. You can start from the PushEngage home page. Just click the Get Started button:

You can select the free plan to try out PushEngage, or choose a paid plan if you’re serious about growing your business.

Once you’ve signed up for an account, head over to the PushEngage dashboard and go to Settings » Site Settings » Installation Settings:

This is where you configure your site details and branding. Go ahead and set a logo and site URL for your push notifications. You should do this right now so that you can test your push notifications properly.

Step 2: Get the Installation Code

Next, you’ll need to head over to the PushEngage dashboard and get the installation code. Go  to Settings » Site Settings » Installation Settings:

Depending on whether your site has SSL installed or not, you’ll have to go to either HTTPS or HTTP tab to get the installation code.

Pro-Tip: If you don’t have an HTTPS website, you should definitely install an SSL certificate.

Step 3: Add A Plugin to Insert Your Code to WordPress

Once you have your installation code from the last step, copy it. We’re going to insert this code into your WordPress site next.

But first, we’ll need a plugin to do it easily.

You can insert the code by editing header.php file in the WordPress Theme Editor. But this is an incredibly risky method if you don’t know how to code. A single semi-colon out of place could wreck your site completely.

So, we’ll use the Insert Headers and Footers plugin. It’s 100% free and very easy to use.

Go ahead and install the plugin. If you’re not sure how to do that, follow along with this step-by-step guide to installing WordPress plugins. 

Once the plugin is activated, you’ll want to add the code from the PushEngage dashboard to the header section:

И вы закончили!

Step 4: Add the Service Worker File (Only For HTTPS Sites)

If you’re running a site without an SSL certificate, go ahead and skip this step.

For HTTPS sites, there’s one extra step: adding the service-worker.js file to your website root directory.

Вернитесь на панель управления PushEngage и перейдите в раздел Настройки » Настройки сайта » Настройки установки. На вкладке HTTPS вы увидите опцию для загрузки файла service-worker.js:

После загрузки вам нужно будет извлечь файл из zip-архива. Затем вам нужно будет загрузить его в корневую папку вашего сайта WordPress. Если вы не уверены, как это сделать, ознакомьтесь с этой статьей о том, как загружать файлы в WordPress через FTP.

После загрузки файла в WordPress перейдите по адресу example.com/service-worker.js в вашем браузере. Если все прошло успешно, вы сможете получить доступ к файлу через браузер и увидите что-то вроде этого:

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

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

И это все!

Вы успешно установили веб-push уведомления на WordPress без использования плагина.

Что делать перед отправкой push-уведомлений

Вы почти закончили.

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

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

Итак, разумно настроить приветственное push-уведомление.

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

Заключение

На этом всё, друзья!

Если эта статья оказалась полезной, обязательно оставьте комментарий ниже.

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

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

Так что, если вы еще этого не сделали, начните с PushEngage сегодня!