How to add Web Push Notification on WordPress

How to add Web Push Notification on WordPress

Today time is very important for everyone and then if you show Email subscribe form than, in most cases, he will not feel Email subscribe form because it takes some time. But I have a great solution to this problem. Web Push notification is the best way to create a bond between your visitor. So today we learn how to add Web Push Notification in WordPress website.

What do you need before setting up Web Push Notification on WordPress

Before you start, you need these :

  • A valid Email address
  • A website or blog(WordPress or Non-WordPress)
  • SSL Certificate(https) (optional but recommended)

Just wait. If you looking for another great free Web Push Notification Service for your website or blog, please check out this article: Web Push Notification ko Blog par kaise add kare

About OneSignal.com

OneSignal is a website which allows the user to send the free push notification to their readers and subscribers. OneSignal also allows using their services for Android and iOS app. It also provides Email sending services to the user. Presently it is absolutely free but it has some more paid plan.

What are we going to do?

In this lesson, we are going to

  • Create an account on OneSignal(free)
  • Install OneSignal on our website
  • Setup and Configure it.

So, Let’s get started.

Create an account and do the setup on OneSignal

  1. First, go to OneSignal.com and create an account(Sign up) or sign in if you already have an account on it by click on Login option.How to add Push Notification in WordPress
  2. After that, you click on ADD NEW APP and give a Name as you like e.g. your website name and click Create.
  3. After that, you will be got a screen as showing in the picture. So next select on Web Push and click Next.Setup Platform How to add Push Notification in WordPress 1
  4. After that, you will be asked for Choose Integration and Website builder. Here we are using WordPress so we select WordPress plugin and Website builder and WordPress.How to add Push Notification in WordPress
  5. Scroll down and Enter your website name, website URL and upload your website’s icon. Next, If your website running on HTTPS than keep ‘My site is not fully HTTPS’ option turn off or if your website is running on HTTP then you turn onMy site is not fully HTTPS’ and give a label which is looking like your website name.
  6. Now you will be got APP ID and API KEY. Copy it because we need it after some step
  7. Scroll down and click finish.

Now we need to set up on our WordPress site.

Setup and configure Web Push Notification on WordPress

  1. Login to your admin panel on WordPress.
  2. Go to Plugin > Add New. Search OneSignal and install it. After install, click on activate it.
  3. After activation, we got an option OneSignal Push in the dashboard menu.How to add Push Notification in WordPress
  4. Click on OneSignal Push and Enter your OneSignal App Id.
  5. Enter your API KEY in the REST API Key’s option.
  6. Now you need Safari Web ID but at this time we don’t have it. So go to OneSignal on a new tab and click on settings and choose Apple Safari and enter your website name & URL and click Save.
  7. After that, your push notification has been activated but we need Safari Web ID so click on Apple Safari and copy Web ID and close the page.
  8. Now feel Safari Web Id on your website.
  9. Scroll down and turn on ‘Use an alternate full-screen prompt..’ and ‘Show the Slide Prompt…’ in the option of
    How to add Push Notification in WordPress
    Prompt Settings & Subscription Bell(optional).
  10. Now scroll down at the bottom and click save.
How to add Push Notification in WordPress

So, guys. We have done everything on our WordPress site. Now clear cache, open your website and subscribe yourself.

So guys, if you have any problem-related Push Notification on WordPress and it’s activation, ask by comment box. I hope you like it. 

3 Comments

Comments are closed.