RafflePress Logo
RafflePress announcement for review actions

New Update: Boost Social Proof with Reviews & Automation

Introducing RafflePress's new leave-a-review giveaway actions. Boost customer engagement and build trust effortlessly by incentivizing reviews in WordPress.
How to Add WordPress Push Notifications to Your Website

How to Add Push Notifications to WordPress

Written By: author image Stacey Corrin
author image Stacey Corrin
Stacey has been writing about WordPress and digital marketing for over 10 years and on other topics for much longer. Alongside this, she's fascinated with web design, user experience, and SEO.
     Reviewed By: John Turner
reviewer image John Turner
John Turner is the co-founder of RafflePress. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

Do you want to add WordPress push notifications to your website?

Push notifications are a great way to stay in touch with your website visitors, even when they’re not visiting your site. As a result, you can bring your target audience back to your site, boost traffic, and sell more products or services.

In this article, we’ll show you how to send push notifications from your WordPress website step-by-step.

What Are Push Notifications?

Push notifications are small clickable popup messages that appear to users on their desktop or mobile devices.

Web push notifications typically appear at the top of your desktop or in the notification area of your mobile device. Moreover, users can receive push notifications even if their browser isn’t open.

Here is an example of a desktop push notification in Windows 10:

Windows 10 push notification example

In essence, push notifications help you reach your audience across devices with recent updates and offers while turning them into loyal followers and customers.

Why Are Push Notifications Important?

It’s a simple fact that 70% of your website visitors will leave and never return. So converting those visitors into subscribers and customers should be one of your top priorities.

While many website owners rely on email marketing to capture leads, push notifications have a much better track record:

Popular websites like Facebook, Pinterest, LinkedIn, and many others understand the importance of push notifications and are already using them. Not only do they have higher open and click-through rates, but they’re also more engaging than SMS, email, and social media marketing.

Having said that, let’s look at how to add WordPress push notifications to your website.

How to Add Push Notifications to WordPress

The easiest way to send notifications from your WordPress site is with a WordPress push notification plugin or service.

push engage best push notification software

PushEngage is among the best push notification software that supports WordPress websites. It lets you add automatic push notifications to WordPress easily and supports major web browsers, including:

  • Chrome
  • Opera
  • Firefox
  • Safari
  • Microsoft Edge

PushEngage is our favorite solution because it’s easy to use, includes many customization options, has multiple targeting features, and lets you send unlimited notifications. Moreover, this freemium tool supports various platforms, including WordPress, WooCommerce, Shopify, and more, making it an ideal tool for recovering abandoned carts.

Whether you want to reach your audience with new blog post updates or broadcast your new eCommerce sale, PushEngage is the best and easiest solution. Follow the steps below to add web push notifications to your site with PushEngage:

Let’s dive in.

Step 1. Create a PushEngage Account

The first step is to visit the PushEngage website and choose a plan that suits your business goals. For this guide, we’ll use the free plan.

PushEngage pricing page

After choosing your plan, follow the instructions to register your new PushEngage account.

Set up your PushEngage account

Once your account is active, you’ll automatically head to the PushEngage dashboard. The first thing you’ll see is the PushEngage challenge which guides you through setting up push notifications on your website step-by-step.

PushEngage setup challenge

Click the Start Challenge and Install PushEngage button to get started.

Step 2. Install PushEngage on WordPress

The first tooltip directs you to the Site Settings » Site Details page, where you can fine-tune your website information and upload a logo. At the bottom of the page, you’ll see a button asking you to “Click Here for Setup Instructions,” so click it to view the steps to add PushEngage to your WordPress site.

PushEnagage installation settings

Because we’re adding push notifications to WordPress, you’ll need to click the WordPress tab on the following page.

Install the PushEngage WordPress plugin

You can then click the Install PushEngage WordPress Plugin button to install PushEngage on your WordPress website automatically.

Note: PushEngage will install the plugin automatically because you already synced your website during the setup process.

After installing the plugin, copy the API Key from the installation screen, which you’ll add to your PushEngage plugin in the next step.

Copy the PushEngage API key

Step 3. Verify Your WordPress Site With PushEngage

The next step is to visit your WordPress dashboard and click the PushEngage icon. On the next screen, click the Setup tab, paste your API key into the relevant field, and click Submit.

Add the PushEngage API key to your WordPress site

Your WordPress site is now connected to PushEngage, and you’ll see a page like the one below.

PushEngage WordPress settings

This screen has some useful options you may like to configure. For example, you can set PushEngage to automatically send a push notification whenever you publish a new post.

PushEngage WordPress post settings

Browse through the settings and ensure you save any changes before moving on to the step.

Step 4. Configure Your Notification Subscription Box

To send push notifications to your followers, you’ll need to add a way for website visitors to subscribe. In PushEngage, users can opt-in to receive notifications through a discreet popup box, which PushEngage calls Popup Modals.

To set up your subscription box, go to Design » Popup Modals from your PushEngage dashboard and choose a Popup Modal design. 

PushEngage popup modals

You can then click the Edit Popup button to customize your subscription box to match your website’s branding.

PushEngage popup modal customization options

For instance, you can edit:

  • Opt-in Message
  • Allow Button Label
  • Button Colors
  • Opt-in Position
  • Subscription Rules
  • Subscription Overlay
  • Reminder Prompt

In the Display Options tab, you can set when your subscription box displays to visitors, such as after a few seconds delay or after the user scrolls down your page.

PushEngage popup modal display options

Additionally, you can show your subscription popup when visitors click on elements like a button or link.

When you’re happy with your design, click the Save and Enable Popup button.

Step 5. Set Up a Welcome Notification

Next, you’ll want to set up a welcome message for new push notification subscribers. Creating a welcome message is a helpful way to test that your notifications work because it will appear after new followers subscribe.

To set up a welcome notification, go to Campaign » Drip Autoresponders from your PushEngage dashboard and click the Create New Drip Autoresponder button.

Create PushEngage drip autoresponder

Next, give your notification a sensible name, such as “Welcome Message,” and select “Immediately” from the Send Notification dropdown menu.

Create a welcome message autoresponder

Now you can click the Drip Settings button and choose who will see your welcome message. You can send your welcome notification to all subscribers or a specific audience group. For this example, we’ll select the All Subscribers option.

Choose a welcome message audience

After that, scroll down to the UTM Parameters section and customize your UTM campaign information. This will help you identify your push campaigns in Google Analytics with custom link attribution.

Set your WordPress push notifications UTM parameters

When you’re ready, click the Activate Autoresponder button to run your welcome message.

Step 6. Send Your First Push Notification

Once you have some push notification subscribers, you can start sending notifications for new blog posts, business updates, sales, and more.

To send your first push notification, go to Campaign » Push Broadcasts from your PushEngage dashboard and click the Create New Push Broadcast button. 

Create new WordPress push notifications

On the next screen, you can start creating your notification message. Start by adding a notification title, message, and the link you want subscribers to click.

Add your push notification title, message, and URL

After that, you can add a large image to grab attention, enable multiple call-to-action (CTA) buttons, and set how long users will see your notification before it expires.

Configure your notification image, CTA buttons, and duration.

Next, add your UTM parameters, as you did for your welcome message, then click the Save and Select Audience button.

Set push notification UTM parameters

You can send your first notification to your entire audience or a specific group of subscribers. Then you can click the Send/Schedule button.

Choose your push notification audience

On this screen, you can send your notifications immediately, at a specific date and time, or create a recurring notification. 

Send or schedule your WordPress push notification.

When you’re ready to send your WordPress push notification, click the Send Notification Now button. PushEngage will start sending your notifications based on your schedule.

That’s it!

You now know how to add push notifications to your WordPress site and have sent your very first message. Congratulations!

Looking for another way to skyrocket your business success? Follow this guide on how to use contest marketing to grow your business.

If you liked this article, please subscribe to our YouTube Channel for RafflePress video tutorials. You can also find us on Twitter and Facebook.

author avatar
Stacey Corrin Writer
Stacey has been writing about WordPress and digital marketing for over 10 years and on other topics for much longer. Alongside this, she's fascinated with web design, user experience, and SEO.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

Let's Connect

Join Our Newsletter

Subscribe to get Free WordPress Tips and Resources

We do not sell or share your information with anyone.

Copyright © 2024 SeedProd LLC. RafflePress® is a registered trademark of SeedProd LLC

WPBeginner Verified Badge