How to Add Web Push Notifications to Your WordPress Site

Are you questioning learn how to add push notifications to your WordPress web site?

Push notifications allow you to ship messages to customers even when they don’t seem to be in your web site. This helps you convey again customers to your web site, improve site visitors, and make more cash.

On this article, we’ll present you learn how to simply add internet push notifications to your WordPress web site.

Add web push notifications to your WordPress site

We’ll cowl all the pieces you have to find out about sending push notifications in our tutorial, and you should use the short hyperlinks under to leap to totally different sections:

What Are Push Notifications?

Push notifications are quick, clickable notification messages that seem as a popup on customers’ desktop or cellular units.

They show on high of the desktop or within the notification space on a cellular gadget. The perfect factor is that they are often proven even when the consumer’s browser just isn’t open.

Right here’s an instance of a push notification.

Web Push Notification desktop preview

Push notifications allow you to attain customers throughout units together with your newest updates and affords, making them an efficient approach to convert web site guests into loyal followers and clients.

Why Add Net Push Notifications to Your WordPress Website?

Do you know that 70% of people that depart your web site won’t ever come again? For this reason you have to convert these WordPress website guests into subscribers and clients.

You are able to do this through the use of a number of channels without delay. These can embody email marketing, social media, cellular or SMS marketing, and internet push notifications.

Email lists are nonetheless essentially the most highly effective advertising instruments out there, with 51% of consumers preferring to be contacted by companies by way of e mail. Nonetheless, we’re discovering that push notifications are additionally very efficient.

On the WPBeginner web site, push notifications are constantly one of many high 5 site visitors sources.

Listed below are simply a few of the causes that make push notifications an awesome advertising instrument:

  • Customers want to present their express permission to obtain push notifications. This implies they’re already fascinated about what you need to provide and usually tend to have interaction with notifications.
  • Push notifications are shorter and demand much less consideration than e mail or social media updates.
  • There isn’t a algorithm like on social media to restrict your attain. Practically 100% of messages are delivered.
  • Customers can management how their units show notifications. They’ll snooze them or flip them off completely.
  • Not as many corporations are utilizing push notifications.

Widespread websites, together with Fb, Pinterest, LinkedIn, and plenty of others, perceive the significance and are already utilizing internet push notifications as a advertising technique.

Push notifications have a 10X higher open rate than email and a 14X larger click on price. They’re extra participating than SMS, e mail advertising, and social media platforms.

Having mentioned that, let’s check out learn how to simply add internet push notifications to a WordPress web site.

Setting Up Net Push Notifications in WordPress With PushEngage

PushEngage is the best push notification service available on the market that lets you simply add push notifications to your WordPress web site.

This helps you join with guests even after they depart your web site with focused push messages.

Step 1: Creating Your PushEngage Account

First, you have to go to the PushEngage web site and click on the ‘Get Began For Free Now’ button.


The free plan covers you for as much as 200 subscribers and 30 notification campaigns every month. You’ll have to improve as you get extra subscribers and have to ship extra campaigns.

After choosing a pricing plan, you will have to create a PushEngage account. You should utilize your current Google account to register or create a brand new account.

Register for a PushEngage account

When you try this, you’ll be taken to the ‘Setup Your Account’ web page, the place you need to add your website domain, business, and firm dimension.

Your subdomain will routinely be generated in keeping with this info. After that, additionally, you will want to offer your bank card particulars right here.

Provide website details to complete the signup process

Upon signing up, you’ll be taken to your PushEngage dashboard.

Remember the fact that in the event you signed up utilizing your Google account, then that is the place you will have to offer your web site particulars.

Upon getting achieved that, simply go to the Website Settings » Website Particulars web page from the left column within the PushEngage dashboard.

From right here, you may edit your web site title and URL if you’d like. After that, you myst add a picture that shall be used as a web site icon in your internet push notifications.

To do that, click on the ‘Select Picture’ button.

Choose an icon image for push notifications

It will open up a immediate in your display the place you may add a picture out of your laptop.

You may as well add a picture utilizing its URL. Upon getting chosen a picture, simply click on the ‘Use’ button.

After that, don’t neglect to click on the ‘Save Adjustments’ button to retailer your settings.

Upload an image from the computer

Keep in mind that your picture must be in PNG or JPG file format, and the really helpful dimension is 192×192.

You have got now accomplished the important thing info in your PushEngage account.

Step 2: Connecting Your WordPress Website With PushEngage

The subsequent step is to attach your WordPress web site to PushEngage.

To do that, you have to set up and activate the PushEngage WordPress plugin. For extra particulars, you may see our step-by-step information on how to install a WordPress plugin.

Upon activation, the ‘Welcome to PushEngage Setup Wizard!’ immediate will open up in your display, the place you need to click on the ‘Join Your Present Account’ button.

Click Connect to your existing account button

It will open the ‘Add Your Website to PushEngage’ immediate in a brand new window. Right here, you need to be sure that the location registered with PushEngage is identical one that you’re utilizing now.

After that, simply click on the ‘Let’s Get Began’ button.

Connect PushEngage account to WordPress

As soon as your PushEngage account is linked with WordPress, a setup wizard shall be launched in your display that you may configure in keeping with your liking.

After you’re achieved, simply click on the ‘PushEngage Dashboard’ button to be redirected to your WordPress dashboard.

Click the PushEngage dashboard button in the setup wizard

Now it’s time so that you can begin creating an online push notification in your WordPress blog or web site.

Step 3: Setting Up Your Push Notification Messages

To create a push notification, head over to the PushEngage » Campaigns web page and click on the ‘Add New’ button.

It will direct you to the ‘Create New Push Broadcast’ display in your WordPress dashboard.

Create a new push engage campaign by clicking the Add New button

From right here, you can begin by typing a reputation in your push notification within the ‘Notification Title’ discipline. Then, sort the message that you simply wish to show within the push notification within the ‘Message’ discipline.

Subsequent, you have to add your web site URL to the ‘Notification URL’ discipline.

Upon including the title and message, it is possible for you to to see the preview of your push notification in the suitable nook of the display.

Type the title, message, and URL for the push notification

Subsequent, scroll right down to the ‘Present Giant Picture’ part and toggle the change to energetic if you wish to add a picture to your push notification.

This picture shall be displayed on the high of your notification and won’t disturb the alignment of the notification title and message.

Add image to the push notification

Subsequent, you have to scroll right down to the ‘Notification Period’ part and toggle the change to energetic.

When you try this, now you can verify the ‘Maintain notification open till interplay’ possibility. Because of this the notification shall be continuously displayed except the consumer interacts with it.

You may as well customise your push notification length from the dropdown menus. This setting controls how lengthy the push notification shall be displayed for.

Remember the fact that these options solely work for Chrome 47 and above variations and never different browsers.

After configuring the settings, simply click on the ‘Save & Choose Viewers’ button on the high.

Add duration for push notification

It will direct you to the following step, the place you need to select the audience that you simply wish to ship push notifications to.

Right here, we shall be selecting the ‘Ship to All Subscribers’ possibility in order that our push notification shall be exhibited to all our subscribers.

Subsequent, click on the ‘Ship/Schedule’ button on the high to maneuver ahead.

Choose an audience to send push notifications

Within the subsequent step, you have to schedule your internet push notification timing.

For instance, if you wish to begin sending your push notifications instantly, then you may choose the ‘Start sending instantly’ possibility. Nonetheless, you can too schedule your notification to be despatched at a specific time or be became a recurring push notification.

Though, needless to say you will have a paid plan from PushEngage to entry these two options.

Schedule and send your notification to your users

Lastly, click on the ‘Ship Notification Now’ button to avoid wasting your marketing campaign and begin sending your internet push notifications.

Upon getting arrange push notifications, it’s greatest observe to verify that they’re working as you anticipated.

To check your push notifications, open your web site in your laptop or telephone. Right here, you need to instantly see the online push notification that you simply simply created.

Right here’s ours on a desktop laptop:

Push notification preview

Nonetheless, needless to say this internet push notification will solely be exhibited to customers who’re a part of your PushEngage subscriber record.

Create a Subscribers Checklist With PushEngage

In the event you don’t have already got a subscribers record with PushEngage, then you need to go to the PushEngage » Design web page from the WordPress admin sidebar.

As soon as you’re there, merely toggle the change to energetic for a popup template that you simply like. Then, click on the ‘Edit Popup’ button.

Choose popup template

It will open the PushEngage web site dashboard on a brand new web page.

From right here, you may configure the structure, message, and subscription guidelines in your popup.

As soon as you’re achieved, don’t neglect to click on the ‘Save & Select Show Choices’ button on the high.

Configure popup design

It will now present you the show choices, the place you may select the cookie length, allow the subscription set off, and extra.

Lastly, click on the ‘Save and Allow Popup’ button to retailer your settings and activate the popup.

Save and enable popup

Now, you have to go to your web site utilizing one other Google account. Right here, you will note a popup on the high of your web site asking customers to permit it to point out notifications.

Now as soon as the customers will click on the ‘Permit’ button, they may routinely change into part of your PushEngage subscribers’ record.

Allow notification preview

Ship Push Notifications to Subscribers Each Time You Publish a New Submit on WordPress

With PushEngage, you can too ship push notifications to subscribers each time you publish a blog post in WordPress.

To do that, go to the PushEngage » Settings web page from the WordPress dashboard and change to the ‘Auto Push Settings’ tab. From right here, toggle the ‘Auto Push’ change to energetic.

After that, you have to select if you wish to show the put up’s featured picture within the push notification and allow multi-action buttons.

Toggle auto push switch

With multi-action buttons, you may permit customers to work together together with your push notifications in a number of methods, like visiting your weblog put up, subscribing to your YouTube channel, and signing up for your email newsletter.

You may as well use the weblog put up’s featured picture or the location icon because the notification icon picture.

Lastly, click on the ‘Save Adjustments’ button to retailer your settings.

Now create a brand new put up within the WordPress block editor and scroll right down to the ‘PushEngage Push Notifications Settings’ part.

From right here, you may add a title and message in your internet push notification and even choose an viewers for it.

Add title and message for blog post push notification

As soon as you’re achieved, merely click on the ‘Publish’ button to avoid wasting your modifications and make your put up stay.

Now your subscribers will obtain a notification for the brand new weblog put up in your web site.

Preview for push notifications for blog post publications

We hope this text helped you learn to add internet push notifications to your WordPress web site. You might also wish to see our newbie’s information on how to build an email list and our knowledgeable picks for the best email marketing services for small business.

In the event you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may as well discover us on Twitter and Facebook.

Leave a Reply

Your email address will not be published. Required fields are marked *