How to Add Web Push Notifications on WordPress Site

Do you know how to add web push notifications on WordPress website?


Engaging with your audience is very important for the success of any online presence. Web push notifications is one of the effective ways to keep users informed of your updates and enable them to connect with your website. Web Push Notifications allow you to deliver timely updates, announcements, and reminders directly to your visitors’ desktops or mobile devices, even when they’re not actively browsing your site.

Implementing web push notifications on your WordPress website can enhance user engagement, drive traffic, and boost conversions. If you’re running a blog, an e-commerce store, or a service-based website, integrating the Web Push Notifications feature can help you stay ahead in the competitive online landscape.

In this article, I will show you the step-by-step process about how to add web push notifications on WordPress. If you don’t have any coding knowledge, don’t worry. You can do it. 

So without further ado, Let’s begin.

Also Read: How to add MailChimp WordPress Popup to your site? Best and easy way!

Why We Add Web Push Notifications on WordPress

As a WordPress site owner, you’re likely always on the lookout for innovative ways to connect with your visitors and keep them coming back. Web push notifications are a powerful way that can enhance user engagement and retention on your WordPress site.

Web push notifications allow you to deliver real-time website updates directly to your users’ devices, whether they’re on desktop or mobile. It also allows you to keep your audience engaged even when they’re not actively browsing your site. Web push notifications promoting new content, announcing special offers, or reminding users about abandoned carts.

One of the key advantages of web push notifications is their ability to be highly personalized. By leveraging user data and preferences, you can tailor notifications to deliver relevant content and offers to individual users. 

Adding web push notifications to your WordPress site is not just a trend; it’s a strategic imperative for any site owner looking to stay competitive in today’s dynamic digital landscape. Now let’s see how to add web push notifications on WordPress website.

Also Read: How to setup WordPress cookie consent in simple way?

How to Add Web Push Notifications on WordPress Site

Adding web push notifications on the WordPress website is easy. You can implement push notifications without any advanced technical knowledge. There are many platforms/plugins available to add push notifications but here I use OneSignal to add web push notification. So let’s see the process step by step.

Step 1: Create an account on OneSignal

To create an account, go to OneSignal official website and click on the Get Started or Sign Up button. Now create an account by providing your email and password. If you want, you can continue with Google, Facebook or GitHub.

Create onesignal account

After signing up, select a plan. Here I continue with the free plan. 

Onesignal plan

Now provide some information about yourself and your organization.

onesignal info

Now provide the App name and click on create.

create onesignal app

Step 2: Create API key

Now go to Settings > Platforms and Activate the web integration. Choose the integration as WordPress plugin or website builder and then select WordPress.

create onesignal api

After selecting WordPress, now provide the website name, URL and upload the website logo. Now click on Save button below.

Step 3: Install the plugin and connect with OneSignal

Now go to the WordPress dashboard and install the OneSignal plugin. After installing, you will see a WordPress tab called “OneSignal Push”, click on it. Go to configuration

onesignal plugin

Now provide the App ID, API Key and Safari Web ID that we get from the OneSignal website. 

app id and api key
app id and api key onesignal

Now scroll down below and go to “Sent Notification Settings” and set the “Hide notifications after a few seconds” to NO. After that, go to “Prompt Settings & Subscription Bell” section and enable the first option and disable the “Enable the Subscription Bell” option. Now scroll down and save it.


So we successfully added web push notification and if you check you will see a prompt to enable push notification. After allowing, you will get updates as a notification.

push notification

Also Read: How to add a WordPress table of contents to posts?


In conclusion, integrating web push notifications into your WordPress site can drive more visitors and enhance your online presence. Web Push Notifications deliver timely and relevant updates directly to your visitors’ devices, you can increase engagement and ultimately, achieve your business goals more effectively.

There are many plugins available to add push notifications on the WordPress website. You can use any of them. Here I used OneSignal because they offer a free plan. If their free plan does not fulfill your requirements, you can buy their other plans.

To get more traffic from your push notifications, keep your notifications concise, valuable, and targeted to your audience’s interests to maximize their impact. 

With the step-by-step guide provided in this article, you have all the tools you need to seamlessly add web push notifications to your WordPress site. If you face any issues adding push notifications, comment below. We will reply with the solution. Let us know which type of article you want from us. Read more article from our blog page.

Leave a Reply

Your email address will not be published. Required fields are marked *