Add web push notifications to your WordPress site

The best way to Add Internet Push Notifications to Your WordPress Web site

Are you questioning how you can 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 deliver again customers to your web site, improve site visitors, and make more cash.

On this article, we are going to present you how you can simply add internet push notifications to your WordPress web site.

We are going to cowl every little thing you might want to learn about sending push notifications in our tutorial, and you should use the short hyperlinks under to leap to completely different sections:

What Are Push Notifications?

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

They show on prime of the desktop or within the notification space on a cell machine. The most effective 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 gadgets along with your newest updates and presents, making them an efficient technique to convert web site guests into loyal followers and prospects.

Why Add Internet Push Notifications to Your WordPress Web site?

Do you know that 70% of people that depart your web site won’t ever come again? Because of this you might want to convert these WordPress web site guests into subscribers and prospects.

You are able to do this by utilizing a number of channels without delay. These can embody e-mail advertising, social media, cell or SMS advertising, and internet push notifications.

E-mail lists are nonetheless probably the most highly effective advertising instruments obtainable, with 51% of shoppers 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 prime 5 site visitors sources.

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

Customers want to provide their specific permission to obtain push notifications. This implies they’re already all for what you need to provide and usually tend to interact 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 gadgets show notifications. They’ll snooze them or flip them off completely.

Not as many firms are utilizing push notifications.

In style 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 larger open fee than e-mail and a 14X larger click on fee. They’re extra participating than SMS, e-mail advertising, and social media platforms.

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

Setting Up Internet Push Notifications in WordPress With PushEngage

PushEngage is the most effective push notification service available on the market that permits you to 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 might want 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 must ship extra campaigns.

After choosing a pricing plan, you will want to create a PushEngage account. You need to use your present Google account to register or create a brand new account.

Register for a PushEngage account

When you try this, you can be taken to the ‘Setup Your Account’ web page, the place you need to add your web site area, trade, and firm dimension.

Your subdomain will mechanically be generated in keeping with this data. After that, additionally, you will want to supply your bank card particulars right here.

Provide website details to complete the signup process

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

Remember that for those who signed up utilizing your Google account, then that is the place you will want to supply your web site particulars.

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

From right here, you’ll be able to edit your web site identify and URL if you need. After that, you myst add a picture that will probably be used as a web site icon on your internet push notifications.

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

Choose an icon image for push notifications

This can open up a immediate in your display screen the place you’ll be able to add a picture out of your pc.

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

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

Upload an image from the computer

Do not forget that your picture must be in PNG or JPG file format, and the really useful dimension is 192×192.

You’ve now accomplished the important thing data on your PushEngage account.

Step 2: Connecting Your WordPress Web site With PushEngage

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

To do that, you might want to set up and activate the PushEngage WordPress plugin. For extra particulars, you’ll be able to see our step-by-step information on how you can set up a WordPress plugin.

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

Click Connect to your existing account button

This can open the ‘Add Your Web site to PushEngage’ immediate in a brand new window. Right here, you need to guarantee that the positioning registered with PushEngage is similar 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 related with WordPress, a setup wizard will probably be launched in your display screen that you could configure in keeping with your liking.

After you might be 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 on your WordPress weblog 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.

This can direct you to the ‘Create New Push Broadcast’ display screen 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 on your push notification within the ‘Notification Title’ subject. Then, kind the message that you simply wish to show within the push notification within the ‘Message’ subject.

Subsequent, you might want to add your web site URL to the ‘Notification URL’ subject.

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

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

Subsequent, scroll all the way down to the ‘Present Giant Picture’ part and toggle the swap to lively if you wish to add a picture to your push notification.

This picture will probably be displayed on the prime of your notification and won’t disturb the alignment of the notification title and message.

Add image to the push notification

Subsequent, you might want to scroll all the way down to the ‘Notification Period’ part and toggle the swap to lively.

When you try this, now you can test the ‘Hold notification open till interplay’ possibility. Because of this the notification will probably be continually displayed except the consumer interacts with it.

You can too customise your push notification period from the dropdown menus. This setting controls how lengthy the push notification will probably be displayed for.

Remember 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 prime.

Add duration for push notification

This can direct you to the subsequent step, the place you have to choose the viewers that you simply wish to ship push notifications to.

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

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

Choose an audience to send push notifications

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

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

Though, needless to say you will want 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 finest apply to test that they’re working as you anticipated.

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

Right here’s ours on a desktop pc:

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 listing.

Create a Subscribers Record With PushEngage

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

As soon as you might be there, merely toggle the swap to lively for a popup template that you simply like. Then, click on the ‘Edit Popup’ button.

Choose popup template

This can open the PushEngage web site dashboard on a brand new web page.

From right here, you’ll be able to configure the format, message, and subscription guidelines on your popup.

As soon as you might be achieved, don’t overlook to click on the ‘Save & Select Show Choices’ button on the prime.

Configure popup design

This can now present you the show choices, the place you’ll be able to select the cookie period, 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 might want to go to your web site utilizing one other Google account. Right here, you will notice a popup on the prime of your web site asking customers to permit it to indicate notifications.

Now as soon as the customers will click on the ‘Enable’ button, they may mechanically turn into part of your PushEngage subscribers’ listing.

Allow notification preview

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

With PushEngage, you can even ship push notifications to subscribers each time you publish a weblog publish in WordPress.

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

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

Toggle auto push switch

With multi-action buttons, you’ll be able to enable customers to work together along with your push notifications in a number of methods, like visiting your weblog publish, subscribing to your YouTube channel, and signing up on your e-mail publication.

You can too use the weblog publish’s featured picture or the positioning icon because the notification icon picture.

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

Now create a brand new publish within the WordPress block editor and scroll all the way down to the ‘PushEngage Push Notifications Settings’ part.

From right here, you’ll be able to add a title and message on your internet push notification and even choose an viewers for it.

Add title and message for blog post push notification

As soon as you might be achieved, merely click on the ‘Publish’ button to avoid wasting your adjustments and make your publish stay.

Now your subscribers will obtain a notification for the brand new weblog publish 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 you can construct an e-mail listing and our skilled picks for the most effective e-mail advertising companies for small enterprise.

Should you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can too discover us on Twitter and Fb.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다