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 visit your website again, 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.

How to add push notifications to WordPress Website for FREE
  • Save

Adding these type of push notifications on your WordPress blog or Website is very 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, Not you’ll have Web push notifications on your WordPress Website.
How to add push notifications in WordPress Website for FREE
  • Save

How to Add Push Notifications to WordPress Website

So to add push notifications on your WordPress website you just have to follow the below-given steps exactly.

Step 1: Install and activate Onesignal Plugin

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

How to add push notifications to WordPress Website for FREE
  • Save

Step 2: Create an account on Onesignal

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

The account creation process is really simple, straightforward and also the account creation is completely free.

Just create a Onesignal account and login inside the dashboard of onesignal.

How to add push notifications to WordPress Website for FREE
  • Save
How to add push notifications to WordPress Website for FREE
  • Save
You can create an account with your email, Google, Facebook, GitHub accounts

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

After you have successfully created an account on Onesignal, now you have to Create an app inside of Onesignal for push notifications.

Click on add App/Website.

How to add push notifications to WordPress Website for FREE
  • Save
How to add push notifications to WordPress Website for FREE
  • Save
Click on New App/Website Button

After that follow the below-mentioned steps

  1. it will ask for the name of the app that 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 chrome browser’s icon in it
  4. next, it will ask to choose 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)
How to add push notifications to WordPress Website for FREE
  • Save
How to add push notifications to WordPress Website for FREE
  • Save

Scroll Down and do the below settings

How to add push notifications to WordPress Website for FREE
  • Save

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.

How to add push notifications to WordPress Website for FREE
  • Save

Step 5: Copy and paste the API credentials

How to add push notifications to WordPress Website for FREE
  • Save
How to add push notifications to WordPress Website for FREE
  • Save

Step 6: Do Onesignal plugin’s setting

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

Do the exact same settings mentioned below, 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 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
How to add push notifications to WordPress Website for FREE
  • Save
How to add push notifications to WordPress Website
  • Save

Step 7: Save the settings

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

How to add push notifications to WordPress Website
  • Save

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

After doing all of the above procedures now you should see a Popup at your website asking for sending Push notifications.

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
How to add push notifications to WordPress Website
  • Save

Conclusion

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

One Small Request: if you really 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?

About Tarun Kashyap

Hello Everyone! This is Tarun Kashyap, I started this Blog in 2020 mainly To share knowledge and Write About various Digital Marketing Trends in the Industry.Apart from that, I love to read and write more and more about Blogging, SEO, Wordpress, Making Money Online, Digital Marketing.I also Run a Youtube Channel Where I share videos about various Digital Marketing Hacks and tips about Making Money Online.

Disclaimer: We are a Professional Blog Site that receives compensation from the companies whose products we review. We test each of the products that we review on our website and give high scores to only the very best products. We are independently owned and the opinions expressed here are our own.

2 thoughts on “How to Add Push Notifications in WordPress Website For FREE”

Leave a Comment

Copy link