Home WordPress How to Install Push Notification on a WordPress Site

How to Install Push Notification on a WordPress Site

Gaining website visitors is a hard job, but retaining the old visitors is even harder. Visitors that have visited your website need a strong reason to get back to your website. You can encourage them to get back by letting them know that there is a new thing you want to offer on your website.

Push notification is one of the tools you can use to notify your old visitors over a new thing on your website. Be it an article, product discount, special offer, and so on. In this post, we will show you how to install push notification on a WordPress site.

There are lots of plugins and third-party tools you can use to provide a push notification on your WordPress site (full list of push notification WordPress plugins). In this post, we will show you how to install a push notification on WordPress with SendPulse. SendPulse itself is an online marketing tool. Push notification is one of the features it offers. This feature can be used for free, but your subscription request will contain a watermark as follows.

You need to upgrade to the pro version to remove the watermark. Here is how to install push notification on a WordPress site with SendPulse.

Step one: Create a SendPulse account and add your website

Before being able to use SendPulse, you definitely need to create an account first. You can create a SendPulse account by clicking the Sign Up button on the top-right corner. Creating a SendPulse account is free.

Once you have created a SendPulse account, login with your account. Click the PUSH tab followed by the Add website button to add your website.

Enter your website URL on the available box. If you want, you can also replace the default notification icon with your website icon or logo. You can also set how the subscription request shows up. Whether right after your website is fully loaded or after your visitors clicking an element (such as button). You can also disable the subscription request after a certain number of visit time.

If you want to customize the look of the subscription request, you can click the With a custom request option to open the customization settings. Once you are done, click the Next step button to get the code.

Copy the code and download the setup files for the Chrome browser support.

Step two: Install the code to your WordPress site

Next, you need to install the code you have just copied above to your website. There are two ways to do you: without plugin and using a plugin.

  • Without plugin

Login to your WordPress dashboard and go to Appearance -> Theme Editor. Select the header.php file on the right panel.

Paste the code right before the </head> tag.

Click the Update File button to apply the new change.

  • With a plugin

SendPulse also provides a plugin to make it easier for you to add the code. You can download the plugin here. Or, you can also search it via the WordPress dashboard when installing a new plugin.

Once the plugin is installed and activated, go to Settings -> Sendpulse webpush. Paste the code to the available box and click the Save Changes button.

  • Installing the setup files for Chrome browser support.

You might need to install the setup files for the Chrome browser support. You have downloaded these files (in a ZIP format) on step one above. Unzip the ZIP file you have downloaded. This will generate two files: sp-push-manifest.json and sp-push-worker-fb.js.

Upload these files into the top-level directory (root, or ‘/’) of your website.

Final thoughts

The push notification of SendPulse is a great tool to encourage your old visitors to get back to your website by notifying them that there is a new thing on your website. You can use it for free although your subscription request will contain a watermark. The push notifications themselves work on both desktop and mobile. The push notification of SendPulse comes with an analytics feature to allow you to analyze the performance of your push notifications.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

MOST-READ THIS WEEK