how to set up wordpress push notifications

How to Set Up WordPress Push Notifications in 5 Minutes or Less

Are you looking to display push notifications on your WordPress website?

Push notifications are short messages that you can show to users when they’re not visiting your website. It helps in bringing back visitors, increasing web traffic, and boosting conversions.

In this article, we’ll show you how to set up WordPress push notifications in 5 minutes or less. Let’s get started…

What are Push Notifications and Why Use Them?

Push notifications are clickable messages that appear on your user’s desktop or mobile device. The best part about showing push notifications is that your visitors don’t have to open their browsers to view the message.

MonsterInsights is the best WordPress Analytics plugin. Get it for free!

Since people opt-in to receiving push notifications, they can be highly engaging. That’s because users interested in your content, products, or services will give permission to receive push notifications.

This means your messages have a higher chance of getting clicks. As a result, push notifications can increase website traffic and get people to return to your website.

Now, are you ready to set up push notifications on your WordPress site?

How to Add WordPress Push Notifications

The easiest way of setting up push notifications in WordPress is through PushEngage. It’s the best push notification software and offers powerful features.

You can segment your users into different groups, set up automated Drip campaigns, send offline notifications, remind customers about cart abandonment, and much more.

PushEngage also offers a free plan to get started. But if you’re looking to send unlimited notifications each month and use advanced features like custom segmentation, then it’s better to select a premium pricing plan.

Video Tutorial

Watch our video to learn how to set up push notifications in WordPress, or read on below.

Step 1: Create an Account on PushEngage

First, you’ll need to create a PushEngage account. You can do that by going to the website and clicking the Get Started for Free Now button.

pushengage best push notification software

On the next screen, select a pricing plan of your choice. For this tutorial, we’ll be using the free plan.

You can use a Google account or enter an email address, password, first and last name, and mobile number to sign up for PushEngage.

After that, enter the details about your business. For instance, PushEngage will ask for a website address, sub-domain (if any), industry, and company size.

setup your account

Once you’ve created an account, you’ll be taken to your PushEngage dashboard.

From your dashboard, go to Settings » Site Settings » Installation Settings. Here you can upload a site image that will appear in the push notifications, edit the site name, and see your site URL.

upload site image

Step 2: Install PushEngage WordPress Plugin

Next, you’ll need to install PushEngage on your WordPress website.

To do that, go to Plugins » Add New and search PushEngage in the search bar. After that, install and activate the plugin.

install pushengage wordpress plugin

Once the plugin is active, go to PushEngage from your WordPress admin area. Now click on the Setup tab at the top, and you will see that the plugin will ask for an API key.

enter api key

You can generate the API key from your PushEngage dashboard.

Just go to Settings » Site Settings » API Keys and click the Generate a new API Key button.

generate a new api key

After that, copy the API key and enter it in the PushEngage WordPress plugin. Once that’s done, click the Submit button.

paste your api key and click submit

Step 3: Set Up Push Notifications

Now, you will see PushEngage settings to set up your push notifications. Under the General Settings tab, you can see your site settings and profile settings.

general settings

Next, scroll down to view WordPress Post Settings. You can select whether to send push notifications automatically to people every time you publish a new post, allow all post types, use custom images, and disable the subscription popup.

Other than that, you can also edit the UTM settings. Adding UTM parameters helps you see how many people click on your push notification messages.

wordpress and utm settings

After that, click the Subscription Dialogbox tab. You will find settings to edit the subscription box that people will see on your website.

The plugin lets you select the dialog box type from the drop-down menu, choose site type, add an optin delay time, and show the default text in the message.

You can edit the optin title and show your own message. Plus, it also lets you change the text of the buttons in the dialog box. And you can see a live preview of your changes right next to the settings.

subscription settings

Now, if you scroll down, you’ll see settings for your intermediate page. This is the page that people will see when they click the Allow button. You can edit the page heading and tag line.

intermediate page settings

After that, you can set up a welcome message by going to the Welcome Notification Settings tab. Just enter a notification title, message, and URL.

welcome notification settings

Don’t forget to click the Update button after making the changes.

Step 4: Test Your Push Notifications

Now, you can test your push notifications by opening your website on another device.

When you open your site, the dialog box should automatically appear and ask for your permission to send push notifications.

Here’s how it looks like on desktop on MonsterInsights:

monsterinsights push notification

Go ahead and click the Allow button. You will now see the intermediate page dialog box appear in your browser.

intermediate page example

When you click the Allow button on the intermedia page, you will get a welcome push notification on your desktop or mobile device.

Step 5: Create Your First Push Notification

Now that push notification is set up on your WordPress website, the next thing is to create your first notification.

You can do that by going to the PushEngage dashboard and then click on Notifications » Create New » Notification.

create a new notification

After that, enter the notification title, message, URL, image icon, set a time for notification duration, add UTM parameters, and choose from scheduling options. You will see a preview of your message for Windows, Android, and macOS alongside the settings.

After entering the details, you can send a test notification to make sure that you’re happy with the settings. Next, click the Send Notification button to send your push notification.

And that’s it!

We hope you liked our article on how to set up WordPress push notifications. You can also go through our guide on how to add Google Analytics to WordPress.

Don’t forget to follow us on TwitterFacebook, and YouTube for more Google Analytics tutorials.

Want to Try MonsterInsights for Free?

Enter the URL of Your WordPress website to install MonsterInsights Lite.

Comments

  1. I am seriously looking for a blog like this So wonderfully you have explained easily to set up the push notification to the website.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.