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 upload a new blog post.
They will get web push notifications on their browser whenever you post a new blog post.
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.
- Install and activate Onesignal push notifications on your WordPress blog/Website
- Create an account on Onesignal
- Create an App for web push notifications on Onesignal
- Get the API Secret and the API key
- Copy and paste the API credentials on Your Onesignal Configuration panel
- Do Onesignal Settings
- Save the settings
- Done, Not you’ll have Web push notifications on your WordPress Website.
- How to add push notifications to WordPress Website
- Step 1: Install and activate Onesignal Plugin
- Step 2: Create an account on Onesignal
- Step 3: Create an app for web push notifications on Onesignal
- Step 4: Get the API Secret and the API key
- Step 5: Copy and paste the API credentials
- Step 6: Do Onesignal plugin’s setting
- Step 7: Save the settings
- Step 8: Done Now you will have push notifications installed on your WordPress Website.
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.
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.
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.
After that follow the below-mentioned steps
- it will ask for the name of the app that you want to create “Give a name to your APP”
- Next, it will ask you to select one platform to configure
- Select Web Push which has chrome browser’s icon in it
- next, it will ask to choose integration
- select WordPress plugin and website builder
- after that select WordPress
- it will ask for setting up your WordPress website’s information
- site name
- site URL
- Auto resubscribe (For only HTTPS)
- Select icon
- My site is not fully Https (Do not turn this on if your WordPress website has an SSL certificate or has https enabled)
Scroll Down and do the below settings
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.
Step 5: Copy and paste the API credentials
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.
- My site uses an HTTPS connection (SSL) ✔️ if SSL
- Use the post’s featured image for the notification icon ✔️
- Use the post’s featured image for Chrome’s large notification image ✔️
- Hide notifications after a few seconds (NO✔️)
- Automatically prompt new site visitors to subscribe to push notifications ✔️
- Enable the Subscription Bell ✔️
- Show the Subscription Bell after users have subscribed ✔️
- Show first-time site visitors an unread message icon ✔️
- Customize the Subscription Bell text ✔️
- Size (Medium ✔️)
- Position (Bottom Right ✔️)
- Theme (Red ✔️)
- Customize the HTTP Pop-Up Prompt text ✔️
- Send new users a welcome push notification after subscribing ✔️
- Automatically send a push notification when I create a post from the WordPress editor ✔️
- Show status message after sending notifications ✔️
under UTM tracking settings, follow these steps
- go to Campaign URL builder
- fill in the details
- copy the UTM parts and copy under UTM settings
Step 7: Save the settings
Now save all the settings, and clear all cache on your cache plugin.
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
- open a new incognito window on your browser
- and visit your WordPress website
- if the popup appears that means the Web push notifications have been successfully enabled on your website
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.