How to Add Push Notifications in WordPress Website For FREE

Whenever a new website visitor comes to your WordPress website, he spends some time on your site.

And after then, he leaves your site.

And there’s no guarantee that he will revisit your website until and unless you capture them into your email list.

But there’s an even better way to do this, Via Web push notifications.

Your website visitors will get push notifications whenever you post a new blog post when they subscribe.

Add push notifications to WordPress Website if you also want those push notification services.

Web push notifications are the best way to retain your website visitors whenever you publish a new blog post.

They will get web push notifications on their browser whenever you post a new blog post.

Adding these push notifications to your WordPress blog or Website is easy.

So let’s see How to add push notifications to WordPress Website to increase your traffic.

You can add push notifications on your WordPress Blog/Website in just 8 easy steps.

1. Install and activate Onesignal push notifications on your WordPress blog/Website.
2. Create an account on Onesignal.
3. Create an App for web push notifications on Onesignal
4. Get the API Secret and the API key
5. Copy and paste the API credentials on Your Onesignal Configuration panel
6. Do Onesignal Settings
7. Save the settings
8. Done. Now you’ll have Web push notifications on your WordPress Website.

How to Add Push Notifications to WordPress Website

So to add push notifications on your WordPress website, follow the steps below.

Step 1: Install and activate Onesignal Plugin

Login to your WordPress dashboard, install and activate the Onesignal – web push Notifications plugin.

Step 2: Create an account on Onesignal

After you have installed and activated the Onesignal – web push notifications Plugin, you must create an account on Onesignal.

The account creation process is straightforward and free.

Just create a Onesignal account and log in inside the dashboard of one signal.

Step 3: Create an app for web push notifications on Onesignal

After successfully creating an account on Onesignal, you now have to Create your website inside of Onesignal for push notifications.

Click on add App/Website.

After that, follow the below-mentioned steps:

1. It will ask for the name of the app you want to create. “Give a name to your APP.”
2. Next, it will ask you to select one platform to configure
3. Select Web Push which has the chrome browser’s icon in it
4. Next, it will ask to choose the integration
5. Select WordPress plugin and website builder
6. After that, select WordPress
7. It will ask for setting up your WordPress website’s information
   1. site name
   2. site URL
   3. Auto resubscribe (For only HTTPS)
   4. Select icon
   5. My site is not fully HTTPS (Do not turn this on if your WordPress website has an SSL certificate or has HTTPS enabled)

Scroll Down and do the below settings

Step 4: Get the API Secret and the API key

After following the above steps successfully, you will now receive an API ID and API KEY.

So now all the workaround of the Onesignal’s Account is complete.

Now we have to take the API keys that we got here to our Onesignal’s WordPress dashboard configuration.

Step 5: Copy and paste the API credentials

Step 6: Do the Onesignal plugin’s setting

After putting in the API credentials on the Onesignal’s configuration area, it’s time to do some extra settings.

Do the same settings mentioned below, and enable all these settings under the configuration tab of one signal.

1. My site uses an HTTPS connection (SSL) ✔️ if SSL.
2. Use the post’s featured image for the notification icon ✔️
3. Use the post’s featured image for Chrome’s large notification image ✔️
4. Hide notifications after a few seconds (NO✔️)
5. Automatically prompt new site visitors to subscribe to push notifications ✔️
6. Enable the Subscription to Bell ✔️
7. Show the Subscription Bell after users have subscribed ✔️
8. Show first-time site visitors an unread message icon ✔️
9. Customize the Subscription Bell text ✔️
10. Size (Medium ✔️)
11. Position (Bottom Right ✔️)
12. Theme (Red ✔️)
13. Customize the HTTP Pop-Up Prompt text ✔️
14. Send new users a welcome push notification after subscribing ✔️
15. Automatically send a push notification when I create a post from the WordPress editor ✔️
16. Show status message after sending notifications ✔️

Under UTM tracking settings, follow these steps

1. go to Campaign URL builder
2. fill in the details
3. copy the UTM parts and copy under UTM settings

Step 7: Save the settings

Now save all the settings, and clear all cache on your cache plugin.

Step 8: Done. Now, you will have push notifications installed on your WordPress Website.

After doing all the above, you should see a Popup on your website asking to send Push notifications.

Now to check if everything is working fine or not

1. Open a new incognito window on your browser
2. And visit your WordPress website
3. If the popup appears, that means the Web push notifications have been successfully enabled on your website

Conclusion

I hope you learn something from this video, and that’s how you can add push notifications to your WordPress website.

One Small Request: if you enjoyed and learned something from this tutorial, please share this article with your friends on social media.

Also Read: What to do After Installing WordPress on Your Domain Name?