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.
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.
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.
Install the plugin and activate it.
Step 3: Putting the code on WordPress.
Go to your WordPressàSettingsàClick on Header and Footer
There are four options to inject the code in the blog:
- <HEAD> PAGE SECTION INJECTION
- AFTER THE <BODY> TAG
- BEFORE THE </BODY> CLOSING TAG (FOOTER)
- 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:
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.
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.
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.
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.
- 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.
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.
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.