Safari Push Notification for HTTP sites

If your site in a non-secured (HTTP) site, all you need to do to is upload a 256px by 256px icon in PNG format to enable push on Safari for Mac. This icon will be displayed as part of your Safari push notification.

For HTTP sites, Webpushr will create a secure (HTTPS) and custom subdomain on your behalf. This is necessary because Apple does not support Safari push on non-HTTPS sites at all. Once a secure HTTPS subdomain has been created, it is then used to collect subscriber information (through a pop window at the time of user optin) as well as to send notifications to your visitors.

Create a Safari Push P12 Certificate. (HTTPS Sites Only)

If your site is HTTPS, you WILL need a P12 certificate that is issued directly by Apple to complete your Safari push. This is needed even if you are using one of the APIs mentioned above. Getting a P12 certificate is simple and we estimate it to be a ~30 minute effort which includes testing. Follow the following steps to get a P12 certificate:

Step 1: Create an Apple Developer Account

In order to get a P12 from Apple for your site, you first need to create an Apple Developer Account. We recommend you sign up as a sole proprietor/single person business as that would decrease your fee to just $99 per year. You will be paying this annual enrollment fee to Apple directly.

Create a P12 certificate to enable Safari Push Notifications

Now that you have your own Apple Developer account and it has been verified (sometimes it can take upto a week for Apple to verify your account before you can start creating certificates). Follow the steps shown below to create your own P12 certificate and start sending web push notification

 

Safari P12 Instructions

 

Make sure you select "Website Push ID" from the options

Safari P12 Instructions

 

Enter reverse domain style name for your site ID. Example, if your domain is example.com, the reverse-domain style ID will be web.com.example

Safari P12 Instructions

 

Once you have create site ID, move on to create a certificate now.

Safari P12 Instructions

 

Make sure to select "Website Push ID Certificate" from the options.

Safari P12 Instructions

 

Select the Site ID from the drop down - the one you just created for your website.

Safari P12 Instructions

 

Time to now create a Certificate Signing Request (CSR). You now need to use KeyChain App on your Mac.

Safari P12 Instructions

 

Open KeyChain App on your Mac and click on "Request a Certificate From a Certificate Authority" as shown below.

Safari P12 Instructions

 

Make sure you enter the same e-mail address as you used to sign up to Apple Developer's Account. Save the CSR to your Mac

Safari P12 Instructions

 

Upload the CSR to your Apple Developers' Account and download the certificate file

Safari P12 Instructions

 

Doubleclick the downloaded certificate to see it in KeyChain App. Right click to export it to your Mac as shown below

Safari P12 Instructions

 

Make sure you are downloading it as .p12 format as shown below

Safari P12 Instructions

 

Leave the password field blank. You now have your own .p12 certificate file.

Safari P12 Instructions