Sending Web Push Notifications is easy with OneSignal. If you haven't already, sign up for a free account on onesignal.com.
If this is not your first app with OneSignal, click New App/Website. Otherwise, you will see the next page.
Simply name your app something similar to your site, then select Web from the platform list. Click "Next: Configure Your Platform".
If you plan to add OneSignal to your site using code, continue with Typical Site setup or select Custom Code Setup.
OneSignal provides easy integration with the following 3rd party website builders:
Input your default site information.
The default name to call your site used in push notifications.
Your website URL including:
Trying to test locally, see Local Testing Setup
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 URL
Icon used for the Slide Prompt and default for push notifications.
The file must be
Select this checkbox if any apply:
- you have an
- your site is hosted by WordPress.com
CHOOSE A LABEL
The subdomain label used for push subscription. See Web Push HTTP vs. HTTPS for more details.
By default, the Push Slide Prompt will show on the first page view after 10 seconds. You can skip this step for now and come back later to add new prompts or modify this one. See our Web Prompting Guide for more details.
A push notification sent immediately to current user upon subscribing to your site for the first time. Enabled by default, it can be toggled-off to prevent showing and update message content at anytime. If you want to add a delay, toggle off this notification and use our Automated Messages.
OneSignal provides several Advanced Options. For instance:
If you are using or plan to use another service worker on your site, please follow the OneSignal Service Worker Setup Guide.
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, toggle on this option to upload your
Safari Web .p12 Push Certificate and password.
Next, you'll need to add the OneSignal SDK files to your site.
Click Download OneSignal SDK files. (You can also download the files here).
Unzip the OneSignal SDK files. There should be two files:
- The OneSignal SDK files must be publicly accessible and can be placed at the top-level root of your site. If you want to place them in a subfolder you can! Please see our OneSignal Service Worker Guide for instructions.
To enable OneSignal on your site, you will need to paste the provided code into your website's
<head>. If you do not have access to modify your site's code, you will need to contact a developer to help you.
Go to your website and you should see the OneSignal Slide Prompt after 10 seconds if you did not change the prompt configuration yet in Step 3.
Subscribe to push notifications and check your OneSignal Dashboard Audience > All Users to see your Device Record.
Then head over to Messages > New Push to Send your first Push Notification from OneSignal.
If running into issues, checkout the Web Push Troubleshooting Guide for common fixes.
If stuck, feel free to contact [email protected] for assistance.
Visit Web Push Tutorials for next steps.
Updated 7 days ago