DEV Community

elinabey
elinabey

Posted on

Add Web Push Notification to WordPress Website

Add Web Push Notification to WordPress Website
Add Web Push Notification to WordPress Website. Build more powerful, more useful customer connections with desktop and browser notifications. Push notifications allow you to send notices to customers even when they are not visiting your website. This will help you to get visitors back to your website, grow traffic, and make better money.

In this post, we will show you how to create web push notifications to your WordPress site.

How to Add Web Push Notification to WordPress Website

Push notifications for WordPress websites can be a very useful marketing tool for your blog, as they inspire readers and users to come back to your site.

Here we'll use a simple and easy plugin to do this job done.

Install the Perfecty Push Notification Plugin

First of all, install the Perfecty Push Notifications plugin. Here’s how to do so:

  1. Open your WordPress Dashboard.
  2. Navigate to Plguins >> Add New.
  3. Search for "Perfecty Push Notifications" via search bar.
  4. When you find Perfecty Push Notifications among the results, then click Install Now.

Perfecty Push Notifications

5.Once it’s installed, click the Activate button.

The plugin will create a new tab in your dashboard called Perfecty Push. Open it, and you'll see different pages with setting page as well.

To style the notification screen, we need to add the below code to Additional CSS.

.perfecty-push-dialog-box{font-size:20px;width:450px auto;border-radius:10px 10px 20px 20px;text-align:left}
#perfecty-push-dialog-cancel{background:#fff;color:#0078d1;}
#perfecty-push-dialog-subscribe{background:#0078d1;border-radius:10px}
.perfecty-push-dialog-buttons{text-align:right}
.perfecty-push-dialog-icon{padding-right:5px;}
Enter fullscreen mode Exit fullscreen mode

I shared this post from Add Web Push Notification to WordPress Website you can read in detail from there.

You can change the background colors, text size, border radius, etc. We hope this post supported you learn how to add web push notifications to your WordPress website. If you have any questions or suggestions please discuss below.

Top comments (0)