Do you want to use Push Notification on WordPress without the plugin? Of course, you can do so. You can use push notifications on a WordPress website without any plugin. In this article, we will show you the exact steps to install Push Notification without a plugin.

Increase-Website-Traffic-Now

Do you need a plugin to use push notifications on WordPress?

The answer is no. You do not need any plugin to use push notifications on WordPress. Though the plugin makes the job easy but you can use push notification without a plugin.

Steps to use Push Notification on WordPress without plugin

You can use the PushEngage platform for your WordPress site. Follow the below steps:

Step 1: Getting the code

Go to PushEngage dashboard->Settings->Site Settings->Installation Settings

If your website is HTTPS, select the HTTPS tab and if your website is HTTP, then select the HTTP tab. You will see the PushEngage code on the page.

PushEngage code for WordPress website

Click on the Copy button to copy the code.

Step 2: Add Head, Footer and Post Injections plugin

Go to your WordPress dashboard->Add New Plugin. Search for the “Header Footer” plugin. You will see a lot of plugins. For our case, we will select the Head, Footer and Post Injections plugin By Stefano Lissa.

Header Footer WordPress Plugin

Install the plugin and activate it.

Step 3: Putting the code on WordPress.

Go to your WordPressàSettingsàClick on Header and Footer

header footer settings

There are four options to inject the code in the blog:

  1. <HEAD> PAGE SECTION INJECTION
  2. AFTER THE <BODY> TAG
  3. BEFORE THE </BODY> CLOSING TAG (FOOTER)
  4. ONLY ON THE HOME PAGE

We want the PushEngage code on every page. This will ensure that push notification optin will appear on all pages.

Select the 1st option, i.e. <HEAD> PAGE SECTION INJECTION. This will put the code on all pages.

Paste the code from step 1 inside <HEAD> PAGE SECTION INJECTION. Below is an example of how it will look:

PushEngage code in Header Footer plugin

This completes the installation of Push Notification on the WordPress site. If your website is HTTPS, follow step 4 for installing the service worker file.

Step 4: The service worker file

When it comes to web push notifications, the HTTPS website has one advantage over the HTTP site. HTTPS websites can collect push subscribers at their domain. To avail of this benefit, the HTTPS website needs to do one more step.

Go to PushEngage dashboardàSettings->Site Settings->Installation Settings. Select the HTTPS tab and you will see a button “Download Service Worker File”. Click on it to download the file.

Download Service Worker File for HTTPS WordPress site

You can even send the file to your developer. Enter the email address and send it to the developer.

The file is downloaded in zip format. Unzip it and you will find the service worker file. You need to upload this file to the root section of your website. The file should be accessible. Take the example of PushEngage. The website URL is – https://www.pushengage.com/

The service worker file is uploaded to the root folder of PushEngage. The file is easily accessible at – https://www.pushengage.com/service-worker.js.

PushEngage service worker file

Once you upload the service-worker file from your Dashboard to the root domain of your website, it should also be accessible like above.

If you cannot upload the service-worker file to the root folder, you have the option to upload the file in another folder. Go to PushEngage dashboardàSettingsàSite SettingsàAdvanced Settings. Follow the instruction on service worker settings.

advanced service worker setting

This completes the installation of Push Notification on WordPress without a plugin. However, before sending any push notifications, you need to do the basic settings.

Basic settings before getting started

  • Subscription Optin – Go to PushEngage dashboard->Settings->Subscription Settings

Select the push notification optin type. You can follow the strategies to increase subscribers on the WordPress site.

  • Time zone – This is a very critical setting that you shouldn’t miss. Set the correct time zone based on your business operations.

To set the time zone, go to PushEngage dashboard->Settings->Site Settings->Site Preference. Over here you will see the time zone settings.

time zone settings for WordPress site
  • Brand Image – Make sure you are using the correct notification icon image. By default, this image is selected when you send push notifications.

To set the brand image correctly, go to PushEngage dashboard->Settings->Site Settings->Installation Settings.

update site image

If you want to change the site image, click on Change. After selecting the image, click on update. It will update the notification icon image.

  • Welcome Notification – Always enable the Welcome Notification. You can even share the welcome coupon with new subscribers. Welcome Notification is a way of confirming any new subscriber that their subscription is successful.

Scroll down on the Installation Settings page; you will see the Welcome Notification. Tick the checkbox to enable Welcome Notification. You can even edit the Welcome Notification.

setting up welcome notification

You are now all set to use Push Notification on a WordPress website without any plugin. Login to PushEngage dashboard to send notifications, create segments, create campaigns, and many other things.

If you haven’t installed PushEngage yet, do it now. You are missing out on capitalizing your website traffic. Just register at PushEngage and start creating campaigns for your WordPress website.

Best Push Notification Platform
Author

Working towards making PushEngage the best platform for Web Push Notifications.

Write A Comment