{"id":41729,"date":"2025-10-31T00:26:36","date_gmt":"2025-10-30T22:26:36","guid":{"rendered":"https:\/\/coma.lv\/2025\/10\/31\/how-to-set-up-push-notifications-on-a-wordpress-site\/"},"modified":"2025-10-31T00:26:36","modified_gmt":"2025-10-30T22:26:36","slug":"how-to-set-up-push-notifications-on-a-wordpress-site","status":"publish","type":"post","link":"https:\/\/coma.lv\/en\/2025\/10\/31\/how-to-set-up-push-notifications-on-a-wordpress-site\/","title":{"rendered":"How to Set Up Push Notifications on a WordPress Site"},"content":{"rendered":"\n

You have probably noticed how popular sites \u2014 Facebook, YouTube or news portals \u2014 send notifications about new publications. These push notifications appear right on the device screen, even if the browser is closed, gently drawing the user’s attention. Many site owners would like to have such a system but do not know where to start. In this article we will explain in detail how to add push notifications to a WordPress site.<\/p>\n

Why Do You Need Notifications at All?<\/h2>\n

Push notifications are small messages that appear right on the user’s desktop or mobile device. They are shown on top of any windows, attracting attention, and a single click is enough for the user to go to your site.<\/p>\n

\"WordPress\"<\/p>\n

Such notifications are great for blogs, online stores or projects with regular publications and promotions. Studies show that users respond to push much more willingly than to email newsletters, and such a system helps retain your audience, bring readers back and increase engagement.<\/p>\n

Now that we understand why notifications are needed, let’s see how to install them on a WordPress site.<\/p>\n

Setting Up Notifications with OneSignal<\/h2>\n

OneSignal<\/a> is one of the most convenient services for web notifications, with a free basic plan. It supports various devices and browsers, such as Chrome, Safari, Firefox, Edge, Opera and others, so it reaches almost your entire audience. The service lets you show subscription prompts, automatically notify about new publications and track user interactions, providing a full notification system without extra hassle.<\/p>\n

Step 1. Create an App in OneSignal<\/h3>\n

It is best to start by registering with OneSignal. After registration you will be asked to create your first app.<\/p>\n

\"WordPress\"<\/p>\n

Enter any name \u2014 it will be visible only to you. Immediately after that a start screen will open, offering to choose which channels you want to use. Here we are interested in web push notifications, so open Push notifications<\/strong>.<\/p>\n

\"WordPress\"<\/p>\n

OneSignal will ask which platform you want to set up notifications for. Choose Web<\/strong>.<\/p>\n

\"WordPress\"<\/p>\n

Then a screen with three connection options will appear. The first is for ordinary sites, the second for WordPress and other CMSs, and the third for manual integration via code. Since we are setting up notifications specifically for WordPress, we choose WordPress Plugin or Website Builder Integration<\/strong>. After that a list of supported platforms will open \u2014 find WordPress there and click it.<\/p>\n

\"WordPress\"<\/p>\n

Now you will see a large site setup form. It contains all the parameters the plugin will use later, so fill everything in carefully. Enter the site name as it should appear in OneSignal, then enter the full site address \u2014 it is important to double-check whether the address uses the www<\/em> prefix, because OneSignal treats it as a separate domain.<\/p>\n

\"WordPress\"<\/p>\n

A little lower there is a block with notification icons. Here you can specify the image that will be used in the notifications themselves. It is worth choosing a clear square icon of 256\u00d7256 pixels so that it looks correct in all browsers. Click Select image<\/strong> to choose a file or upload a new picture. Next to it there is a separate Upload or input a URL<\/strong> field where you can paste a link to an image if it is already hosted on the internet. If you upload the icon through the OneSignal interface, the service will host the file on its own servers \u2014 this reduces the load on your hosting.<\/p>\n

Below is the subscription prompt section. To configure how the browser will ask for permission to send notifications, click the Add Prompt<\/strong> button or choose an existing prompt \u2014 a pop-up window with the Prompt Editor<\/strong> will open. In it you can choose the look of the prompt, the time it appears and the number of page views after which it is shown.<\/p>\n

\"WordPress\"<\/p>\n

The next block is the welcome notification. It is sent right after subscription and helps the user understand that everything works. Here you can change the message text, add a link the user will go to when clicking the notification, configure the display for different platforms and, if you wish, enable or disable showing this notification.<\/p>\n

\"WordPress\"<\/p>\n

At the end there are additional settings: notification click behavior, service worker parameters, Safari options and webhooks. You can leave these fields alone \u2014 they are intended for finer tuning that is needed only in special cases.<\/p>\n

When you are happy with all the parameters, save the changes. After saving, OneSignal will generate an App ID<\/strong> and an API Key<\/strong>, which you will need at the next stage (you can get them later in the OneSignal app settings, but for convenience and to avoid wasting time we recommend copying them right away and saving them in a safe place).<\/p>\n

\"WordPress\"<\/p>\n

Step 2. Install and Configure the OneSignal Plugin in WordPress<\/strong><\/h3>\n

Now you can go to the WordPress admin area. Install OneSignal Web Push Notifications<\/a>. After activation, a new OneSignal settings page will appear in the menu. Open it and you will see the App ID<\/strong>, API Key<\/strong> fields and the notification display parameters.<\/p>\n

\"WordPress\"<\/p>\n

Just copy the values from OneSignal and paste them into the corresponding fields of the plugin. Save the changes \u2014 and the site will be linked to your app.<\/p>\n

That’s all: the notification system is fully ready.<\/p>\n

How to Check That Notifications Work<\/h2>\n

To see how the subscription works, open your site in another browser where you have not yet given permission for notifications (not in incognito mode \u2014 such sessions do not keep subscribers). Almost immediately an invitation to subscribe will appear \u2014 the very one you configured in OneSignal.<\/p>\n

\"WordPress\"<\/p>\n

After you click, the prompt disappears. Sometimes it seems as if \u201cnothing happened\u201d, but in fact the browser has already registered the device and sent the data to OneSignal. To make sure everything went well, log in to your OneSignal account and open the Audience \u2192 Users<\/strong> section. A new user will appear here \u2014 with a unique ID, subscription status and browser data. This is a sign that your site has connected successfully and notifications are ready to work.<\/p>\n

\"WordPress\"<\/p>\n

Now you can move on to the most interesting part \u2014 tests. Open the list of apps and choose yours.<\/p>\n

\"WordPress\"<\/p>\n

Then click the button for creating a new message \u2014 New Message<\/strong>, and in the drop-down list choose New Push<\/strong>. OneSignal will offer several ways to start: a blank template, AI generation or ready-made designs. Choose a suitable one and you will see the familiar notification editor, where you can set the title, the text and the link the user will go to after clicking. The preview updates in real time, so you will immediately see what the notification will look like.<\/p>\n

To send a test message, switch to the Test & Preview<\/strong> tab.<\/p>\n

\"WordPress\"<\/p>\n

OneSignal will offer to choose the subscribers to send the test to. If you have never added test devices, instead of a list you will see the message \u201cYou have 0 test subscriptions for the selected platforms\u201d \u2014 in this case click Add Test Subscriptions<\/strong>.<\/p>\n

\"WordPress\"<\/p>\n

A separate tab will open in your browser \u2014 Audience \u2192 Test Subscriptions<\/strong>, where there is again an Add Test Subscriptions<\/strong> button.<\/p>\n

\"WordPress\"<\/p>\n

Click it and the Audience \u2192 Subscriptions<\/strong> section will open \u2014 this is where all the devices that have already subscribed to notifications from your site are shown. To the right of the entry you need, click the three dots and choose Add as Test Subscriptions<\/strong>.<\/p>\n

\"WordPress\"<\/p>\n

A pop-up window will appear where you need to enter a name for the test subscription.<\/p>\n

\"WordPress\"<\/p>\n

<\/div>\n
\n
After you enter the name and click Add<\/strong>, a notice will appear saying that the test subscription was added successfully. Now you can return to the Test & Preview<\/strong> tab and click Refresh Test Subscriptions list<\/strong>. After that the test subscription will appear in Audience \u2192 Test Subscriptions<\/strong> and you will be able to use it to send a test notification \u2014 just tick it and click Send Test Push<\/strong>.<\/div>\n<\/div>\n

\"WordPress\"<\/p>\n

After a few seconds the browser will show the notification. The time it appears depends on how quickly the browser itself processes push messages, but usually the delay is minimal. Click the notification \u2014 it should open the link you specified in the settings. OneSignal will record the fact of delivery and interaction, and you can see this data right in the dashboard (Delivery \u2192 Sent Messages<\/strong>).<\/p>\n

How to Send Notifications in WordPress with OneSignal<\/h2>\n

After you have connected the site and tested the subscription, you can move on to regular work. The OneSignal plugin in WordPress can automatically send notifications every time you publish a new post. For this feature to work, you need to enable the Automatically send notifications when a post is published<\/strong> option in the plugin settings. Now it is enough to click \u201cPublish\u201d, and the plugin will send the message to all subscribers by itself \u2014 no additional actions are required.<\/p>\n

But if you need more control, you can send notifications manually right from the OneSignal dashboard. To do this, log in to your account again and choose the app. In the left menu click Create\u2026 \u2192 Push.<\/strong><\/p>\n

\"WordPress\"<\/p>\n

After that the Messages \u2192 Push<\/strong> page will open. In the upper right corner there will be a New Push<\/strong> button, which opens the window for creating a new push notification.<\/p>\n

\n
\n
\n
\n
\n
\n
\n

Everything here is configured the same way as in the test notification: you set the title, text and link, and OneSignal immediately shows a preview so it is clear how the message will look in different browsers.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n
\n
\n
OneSignal also lets you manage delivery very flexibly.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n
\n

In the Audience<\/strong> block you can choose exactly who to send the message to: all subscribers at once or only specific segments. This is convenient if you need, for example, to address only the active audience or, on the contrary, win back those who have not visited for a long time.<\/p>\n

\"WordPress\"<\/p>\n

In Delivery Schedule<\/strong> you set the moment of sending. The notification can be sent immediately, scheduled for a specific time or you can choose Intelligent Delivery<\/em>, in which the system picks the optimal moment for each user. Note that Intelligent Delivery<\/em> is available only on paid plans.<\/p>\n

\"WordPress\"<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n

After everything is filled in, click Review and Send<\/strong>. A Review Your Message<\/strong> pop-up window will appear, where you can check all the settings once more.<\/p>\n

\"WordPress\"<\/p>\n

If everything looks correct, click Send Message<\/strong> \u2014 the notification will be sent to the selected audience.<\/p>\n

Summary<\/h2>\n

Push notifications are a simple and effective tool for attracting an audience. They help bring readers back, increase views and quickly announce updates. OneSignal makes this process as convenient as possible: the service lets you automate sending notifications, segment your audience, test messages and track user interactions. Even on the free plan you get a full notification system that greatly simplifies working with visitors and increases audience engagement.<\/p>\n

\n

Our specialization is WordPress website development and maintenance. Contact us for a free consultation \u2014 vadim@coma.lv<\/a>, +371 29394520<\/a><\/em><\/p>\n

\n","protected":false},"excerpt":{"rendered":"

You have probably noticed how popular sites \u2014 Facebook, YouTube or news portals \u2014 send notifications about new publications. These push notifications appear right on the device screen, even if the browser is closed, gently drawing the user’s attention. Many site owners would like to have such a system but do not know where to […]<\/p>\n","protected":false},"author":1,"featured_media":37166,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1225,1407],"tags":[],"class_list":["post-41729","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-tutorials"],"_links":{"self":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts\/41729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/comments?post=41729"}],"version-history":[{"count":0,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts\/41729\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/media\/37166"}],"wp:attachment":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/media?parent=41729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/categories?post=41729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/tags?post=41729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}