Website Design

How To Add Web Push Notifications To Your WordPress Website [Video]

How To Add Web Push Notifications To Your WordPress Website

Create your account on OneSignal ➜

Get our NEW Course ➜

Learn WordPress and create any Website in less than 7 days with our “Make A Pro Website” WordPress course

Learn how you can add web push notifications on your WordPress website.

Let’s say you’ve a website and you want to notify your visitors about the latest trends / offers / new updates on your site etc. through a web push notification sent to the visitor browser.

And once they open the notification, they will be taken to the page you want them to visit.

You can do this by following our 3 simple steps.

So let’s get started.

Table of contents:

0:00 Intro

1:00 Create an Account in OneSignal

2:10 Add your website to OneSignal account

3:57 Connect onesignal account with your website

9:20 How to send Push Notification

12:40 How to check performance of your notifications

13:14 How to send Push Notifications to specific subscribers

Step 1 : Create an Account in OneSignal

To create an account, click this link ➜

Now click ‘Get started’ and login with your google account.

Once you’ve logged in, enter the name of your website and select web push platform.

Now click ‘Next’ and your account will be successfully created.

Step 2 : Add your website to OneSignal account

To add your website,

Choose ‘WordPress plugin or website builder’ from Choose Integration

Now select ‘WordPress’ and enter your site name & site url.

If you want to display your logo on the notification, upload your icon and click ‘Save’.

And now you’ve successfully added your site to onesignal.

Once you’ve added your site, you will get your unique APP ID & API KEY.

Step 3 : Connect your onesignal account with your WordPress website

To connect your account, you need to install the ‘OneSignal’ plugin.

To install the plugin, go to WordPress Dashboard ► Plugin’s ► Add New

Now search for ‘OneSignal’ and click ‘Install’ & ‘Activate’.

Now to connect your account, you need to add APP ID & API KEY to your site.

So go to WordPress Dashboard ► OneSignal Push ► Configuration

Now copy the APP ID & API KEY from OneSignal and paste it on your site.

Once you’ve entered the details, you can change the default settings like turning off the notification disappears after a few seconds, Automatic prompt asking new visitors to send notifications etc..

Now click ‘Save’ and you’ve added push notifications successfully to your site.

Now when a visitor visits your site all they have to do is click ‘Allow’ to subscribe for notifications.

Now to check the performance of the no.of subscribers, Go to OneSignal account ► Dashboard

Next let’s see how you can send a push notification to your subscribers.

First let’s create a notification by clicking ‘New Push’ in OneSignal.

Now provide the details – title, message, image, launch url for the notification.

Now Click ‘Confirm’ and ‘Send Message’ to send the notification.

That’s it guys this is how you can send push notifications.

You can also send the notifications for particular users who are not visiting your website.

And you can also see the no. of users who opened the notification when the received it by going to OneSignal ► Delivery.

That’s it guys.

This is how you can add web push notifications on your WordPress website.

📢 The Tools we use:

Get the best tools for your website ➜

Video Gear We Use ➜

Our Video Editing Tool ➜

🙌 Officially:

We’re Hiring:

Want your website developed by us? Email us your requirements to

💬 Follow & Chat with us:




If you have any doubts related to WordPress, Please mail us at

Watch/Read More
Website Design

Complete Step By Step Responsive Navigation Bar Creation in HTML Website Template [Video]

Enroll this complete course - this channel to get Source code everyday : 9+ Complete Front-end Responsive Website DesignGet here - our page - our group -

Website Design

The Best Marketing Tool For Your Business 🔥 [Video]

The Best Marketing Tool For Your Business 🔥🔥 20% OFF BONUS CODE - truereview20🔥 OFFICIAL WEBSITE - the continued growth of e-commerce, selling products online is becoming increasingly competitive. The main challenges are finding profitable products to sell and setting up targeting for the right keywords that buyers are looking for. Sale Samurai is a marketing tool that helps Etsy sellers with these very aspects. In this video, we'll look at the key features of Sale Samurai. We'll also share an exclusive Sale Samurai coupon code that you can use today to save 20% off your subscription.

Website Design

Marketing a physical product can be easy, given you can take beautiful flatlays/lifestyle shots... But when you're marketing an app or SAS product, all you have is screenshots. 😐 I spoke to Cory Etzkorn recently, who is a Designer at Notion (and you know I love Notion). He spoke about how Notion prioritise making imagery that looks & feels real. I really loved what he had to say, and wanted to share it here. You can watch the full episode interview here:🚀 CharliMarieTV is now powered by Figma! is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)TIMESTAMPS:00:00 An important part of marketing materials 00:36 Hear what Cory has to say 01:46 Who creates all the product imagery? 02:45 Who the imagery is created for 04:11 UI straight from a 'real creator's' account05:02 How do you handle digital product shots? 💬-----------------------------------------------// ENJOY MY VIDEOS?My videos don't have pre-roll ads because ads are annoying and I don't want you to have to sit through them. If you want to support me and my channel the best thing you can do is join my Patreon! You'll get extra content and ways to learn, like behind-the-scenes process info, downloadable assets and a patron-only podcast! Sign up here: ABOUT MEHello there! I'm Charli and I'm a half-British, half-kiwi web and graphic designer currently living in Valencia and posting design videos about tools, projects, and concepts as well as vlogs of my life as a designer. Please subscribe and say hi in the comments so we can be friends :) -----------------------------------------------// MOREBuy my font: http://charlimarie.storeMy site & blog: https://charlimarie.comDesign Life podcast: http://designlife.fmInside Marketing Design podcast: SOCIALTwitter: MUSIC & TECHMusic from Epidemic Sound. If you want to try it out, sign up using my link! & end card animation by hand lettering animator Austin Saylor: by Nancy Palm & Belén Albiol