How to set up OneSignal Web Push notifications on WordPress sites

This guide will walk you through how to set up web push on WordPress and WordPress VIP. If you do not use WordPress, or wish to write custom code, please go to Web Push Quickstart.

Step 1. Choose Integration

Head over to onesignal.com to create an account. If this is not your first app with OneSignal, select New App/Website, name your app, select Web and “Next”.

Select WordPress Plugin or Website Builder to continue:


Step 2. Site Setup

Once you’ve selected WordPress as your integration, you must fill out information about your site.

FieldDescription
SITE NAMEThe default name to call your site used in push notifications.
SITE URLYour website URL including:
– http:// or https://
– www or non-www links (e.g. https://example.comhttps://www.example.com)
AUTO RESUBSCRIBE (HTTPS ONLY)Recommended: Allows push subscribers to automatically resubscribe upon returning to your site without being prompted if they clear their browser data or if you are transferring to OneSignal from another push provider.
DEFAULT ICON URLIcon used for the Slide Prompt and default for push notifications.

Enter an https icon URL or upload file that is square 256x256 pixels.

The file must be .png.jpg, or .gif.

My site is not fully HTTPS

Select this checkbox if any apply:

  • you have an HTTP website
  • your site is hosted by WordPress.com
FieldDescription
CHOOSE A LABELThe subdomain label used for push subscription.

Step 3. Advanced Push Settings (optional)

OneSignal automatically provides the necessary certificates to work with Safari Browsers at no additional cost. If you already have your own Safari Web Push Certificates, you may upload it here.

Optional: Upload your own .p12 certificate

If you would like to add your own Safari P12 Certificate turn on the settings in Advanced Settings. This enables you to update your own Private Key File and Private Key Password.

Step 4. Configure WordPress Plugin

Add the OneSignal WordPress Plugin to your WordPress website if you have not done so already.

Copy the following keys:

Paste these keys into your WordPress plugin Configure tab in the appropriate inputs:


Turn on Push Prompts

Enable the Slide Prompt and Subscription Bell Prompt. These prompts allow you to ask site visitors permission to send them push notifications, making them push subscribers to your site.

Finish and Save Your Settings

Be sure to Save your configuration at the bottom of the plugin once you’ve added these keys.

Step 5. Add your first user

Visit your website and you should see the OneSignal Slide and Subscription Bell on your site. You may need to clear any cache plugins you have and refresh the page.

Subscribe to push notifications and check your OneSignal Dashboard Audience > All Users to see your Device Record.

Step 6. Add Prompts To Your WordPress Site

Setup your prompts in the OneSignal WordPress Plugin, so that users can subscribe to push notifications. You can do this in the Configure section of the plugin.

Chockalingam