How to Enable Web Push Notifications Feature on your WordPress Website or blog

How to enable web Push Notifications

Almost every popular website like Linkedin, Facebook uses push notification. Recently someone asked me how to enable web push notifications on my website. Every website owner can add web push notifications to their website. Here’s I’m sharing the best way to enable/add push notifications on a WordPress website or Blog.

Why we need push notifications for a WordPress website or Blog?

Web push notification is a very useful feature for growing a blog or website. Web Push notifications show clickable messages on the user’s Desktop or in the mobile as a notification.

According to Popular websites such as Facebook, Pinterest, LinkedIn, Push notifications to provide more engagement than SMS, email marketing, and others. According to a survey, web push notifications keep 50% of the open rate on mobile devices. So, the push notifications can engage more audience for your WordPress site or blog and can boost your overall page views.

So, let’s take a look at how to enable web push notifications for your WordPress website.

Enable Web Push Notifications in WordPress with OneSignal

If you don’t know what is OneSignal. OneSignal allows you to add push notifications to any website, web, or mobile apps free of cost.

Before setting up OneSignal web push feature you’ll have to install and activate the OneSignal plugin. For more details, see our step by step guide on how to install a plugin on WordPress.

After Installing the OneSigal plugin you’ll get a new menu item labeled as OneSignal Push in your WordPress Dashboard. If you click on the OneSignal it’ll take you to the setting page. We’ll do the setting later, first, we’ll create an app on OneSignal website.

Step 1: Sign Up on OneSignal website

Go to the OneSignal website by clicking here. Now sign up using Github, Goole, Facebook, or by entering an e-mail id. After Signing Up you’ll get a confirmation e-mail, click on the provided link, and confirm your email address. Now login to the website it’ll show you your dashboard.

Add a new App

Click on the Add a new app +, enter the app name and click on create.

Now It’ll show you a pop-up on the screen.

Select a platform

Since we are creating an app for Web Push notifications, select Web Push and click on next.

Step 2: Choose Integration and do WordPress site setup

Under the integration section, it’ll show you three types of integration labeled as Typical site, WordPress Plugin or Website Builder, and Custom Code. We are integrating with a WordPress website so we’ll choose a WordPress Plugin or Website Builder.

Now after choosing the integration, scroll your page and do WordPress site setup. Enter your site name, site URL, and default icon URL or click on upload. If your website is not fully HTTPS, enable My website is not Fully HTTPS, click on Save. You’ll get your App Id and API Key.

Step 3: Configure WordPress Plugin

Go to your WordPress Dashboard click on OneSignal Push, it will show you the setting page. Now click on Configuration. Now Copy App ID and API Key from OneSignal website and paste in the dedicated field. Follow the below screenshots instructions.

Now, leave everything default or want to do some changes change according to yourself and click on Save. Now go back to OneSignal Page and click on finish.

How to enable web Push Notifications

If you want to enable the Web Push notifications for Safari, similarly Go to OneSignal Page click on Setting > Apple Safari. Now enter site URL in the Pop-up and click on Save. Again click on Apple Safari and copy Web Id. Now go back to the WordPress dashboard OneSignal configuration section and paste the Web Id in the Safari Web ID field and click on save.

Using the OneSignal you can also add other useful features to your Andoroid, iOS, Windows Applications.

Congratulation You’ve successfully Added and enabled Web Push Notification on your WordPress website by following all these steps. If you stuck somewhere let me know in the below comment box. Please also share with me what service(s) you use for Web Push Notifications.

Also, here are some useful WordPress guides that must read next:

• GET WORDPRESS HOSTING WITH A FREE DOMAIN NAME
• CREATE AN AMAZON AFFILIATES WORDPRESS WEBSITE USING WOOCOMMERCE
• HOW TO MAKE A WORDPRESS WEBSITE SEO FRIENDLY

Read Next

• 
  Huawei Launches Mobile WiFi 5 with Built-In eSIM and 9-Hour Battery
  Add TOPKHOJ as a Preferred Source on Google Huawei has expanded its mobile broadband lineup with the launch of the Huawei Mobile WiFi 5 eSIM (model reference: E5586-822-E) in China. Designed for frequent travelers, remote workers, and mobile study groups, the pocket router eliminates the…
• 
  Xiaomi Xring O100 Explained: Architecture, 1.22TB/s Bandwidth, and Edge AI
  Add TOPKHOJ as a Preferred Source on Google Xiaomi has officially pulled back the curtain on its semiconductor roadmap with the announcement of the Xiaomi Xring O100 (玄戒 O100). Rather than competing as a conventional monolithic mobile System-on-Chip (SoC), the O100 is engineered as a…
• 
  Sony Unveils FE 8-14mm F3.5 G Fisheye Zoom Lens with Circular-to-Diagonal Coverage for Alpha E-Mount
  Add TOPKHOJ as a Preferred Source on Google Sony has officially expanded its native full-frame E-mount lens catalog with the announcement of the Sony FE 8-14mm F3.5 G (model reference: SEL814G). While third-party manual optics have long populated the ultra-wide specialty category, the new release…
• 
  OPPO A7 Pro Debuts with 8,000mAh Battery and IP69K Rating
  Add TOPKHOJ as a Preferred Source on Google OPPO has officially listed the OPPO A7 Pro on its China portal ahead of open retail sales scheduled for September 11, 2026. Arriving as a slightly more compact counterpart to the recently debuted A7 Pro Max, the…
• 
  Infinix Launches Xpad 30 Pro with 2.5K Display and 4G LTE
  Add TOPKHOJ as a Preferred Source on Google Infinix has expanded its tablet lineup with the global launch of the Infinix Xpad 30 Pro. Arriving as an upgraded entry in the brand’s productivity and e-learning slate series, the device targets students, casual creators, and mobile…