WordPress Push Notifications
How to set up WonderPush Web Push notifications your WordPress website
Install web push on Wordpress with WonderPush plugin
Setting up push notifications for your WordPress website is easy. Web push notifications are the ideal solution to re-engage users and bring them back to your Wordpress website.
Estimated setup time: 10 minutes.
If you haven't already, sign up for a free account on wonderpush.com.
This guide is for WordPress websites. For other websites, follow the Website Quickstart
Before we start: create your project
Click on New Project:
Choose a name for your project and select Website as a platform then click Create:
Already have a project?
Just add the Website platform to any existing project by going to Settings, selecting the first tab named after your project and clicking Edit. You'll be presented a form that lets you add a platform.
Step 1. Fill-in website info
Choose WordPress as your setup type:
Then fill in your website information:
Enter the name of your website. This name might be displayed when users subscribe to push notifications.
Enter the base URL of your site (e.g.
https://example.com). This will be the default URL users will be redirected to when they click on a notification.
If your site is accessible from both
www. and non-
www. URLs (e.g.
www.example.com) we recommend you redirect traffic to one of the URLs and use that to fill-in the URL field.
Enter the URL to your website icon or choose a file from your computer. Your website icon will be displayed in notifications. It should be a square image file. Prefer HTTPS.
My site doesn't have HTTPS
If your site doesn't have HTTPS, check this box. Please note that HTTPS certificates are FREE these days, and very easy to install. Take a look at let's encrypt.
HTTPS is required for push notifications to work, and fortunately WonderPush can provide you with a free HTTPS enabled domain.
Choose an HTTPS notification domain.
About the push notification domain
Your push notification domain will be displayed in every notification you send:
In this example, the notification domain is
When users subscribe to push notifications, they grant your domain the permission to send them push notifications. When you change the push notification domain, users have to subscribe again!
For these reasons, it is especially important to choose the right push notification domain from the start.
Using your own domain
This is the best option. It is only available for HTTPS websites. If your website does not support HTTPS, use
If your site does not support HTTPS, that's your only option.
Step 2. Configure subscription prompts
In this section, you can configure subscription prompts for your website. Subscription prompts are ready-made user-interfaces you can use to let users subscribe to push notifications.
To activate a subscription prompt, simply click the switch in front of its name so that it shows as ON. To customize it, click on Customize.
You can find out more about subscription prompts in our dedicated guide.
Step 3. Install our WordPress plugin
In your WordPress admin, go to Plugins / Add new and search for WonderPush in the plugins search engine:
Click Install Now to install the WonderPush plugin, then click Activate to activate it:
Locate your Access token in the WonderPush dashboard (Settings / API Credentials) and copy-paste it into the WonderPush WordPress plugin configuration page:
Receive your first push!
Head over to your website and refresh the page until you see the subscription dialog and click the Subscribe button:
Wait a couple of minutes and receive the default welcome notification:
Congratulations, you're done!
Activate / deactivate automatic push sending on new posting
By default, WonderPush automatically sends a notification to your subscribers as soon as you publish a new post. You can disable automatic posting from the Blogging tab of the WonderPush WordPress plugin configuration page.
Once this is activated, your WordPress editors right column will feature a checkbox - checked by default - that lets you automatically send a push notification to all your subscribers.
Tip: adding images to your automatic post notifications
When the two following plugin options are checked, WonderPush will add the post's Featured Image to the notification:
- Use the post featured image as notification icon
- Use the post featured image as notification large image
How do I send a notification each time an article is updated?
By default, the notification is sent only when the post is published.
If you want the notification to be sent when the post is updated, you must explicitly check the "Send notification on post update" box.
Updated 9 months ago