Getting Your Audience to "Add to Home Screen"

Adding a web app to home screen is required for an end-user to subscribe to and receive iOS web push notifications

Sending mobile web push notifications on iOS and iPadOS (16.4+) requires notification recipients to:

  1. Visit your website on your Safari, Chrome, or Edge browser on a mobile Apple device on iOS/iPadOS 16.4+
  2. Click on the Share button of their browser on a mobile device.
  3. Click on the Add to home screen option.
  4. Save the app on their device.
  5. Open it the app from the home screen.
  6. Subscribe to notifications (they must click a subscribe button before a native permission prompt can be displayed).

These steps are required to receive mobile web push notifications.

As this is not a straightforward user experience, it is critical that your website is equipped to help your audience understand the benefits of subscribing to your notifications and how they can achieve them.

Website Banners

Banners can be added to your website to inform your audience of the value of mobile web push notifications and how they can subscribe. You can see some example banners here.

We recommend incorporating a banner on your website that displays on mobile Apple devices to lead site visitors to the share button and the add to home screen option.

There is also a popular open-source project that can help you provide this guidance to your audience:

Bottom Banner Example

Github Link:


Example of an Add to Home Screen banner prompt from an open-source project by rajatsehgal.