I hope you remembered that I skipped Safari web push notification settings. Now I will show you how to setup Safari web push notifications.

Login to your OneSignal account and go to your App Settings page. Scroll down to web platforms and click on the configure button next to Apple Safari.

A dialog box will come up where you will be asked to enter your site name and url.

Then you need to check the box next to ‘I’d like to upload my own notification icons’ option.

You will now see an option to upload different icon sizes. These are square images, use Photoshop or any image editing program to create icons in the exact sizes.

Click on choose file buttons to upload all your icons.

Click on the Save button and then close the dialog box.

Refresh the App Settings page and scroll down to Web Platforms section. This time you will see ‘Web ID’ under Apple Safari.

Copy this web ID and paste it in Configuration tab of OneSignal plugin on your site.

That’s all, you have successfully setup OneSignal web push notifications for your WordPress site.

It's time to test if our plugin is working perfectly on my next page.