Skip to content
iOS & iPadOS 16.4+ · 7 min read

Web push on iPhone and iPad, explained honestly

Yes, websites can send real notifications to iPhones. Apple just adds one rule: the site has to be opened from the Home Screen first. Here’s exactly what that means for you and your visitors.

Get started — freeTry a live notification
Updated By the Pusharoo team
In short
  • iOS and iPadOS 16.4+ support standard web push — but only for websites added to the Home Screen.
  • A normal Safari or Chrome tab on iPhone cannot subscribe. That’s Apple’s rule.
  • Your site needs a web app manifest (display: standalone) and HTTPS.
  • The permission request must come from a tap — Pusharoo’s soft prompt does that for you.

The Home Screen rule

Three steps to web push on iPhone and iPadStep 1: in Safari tap Share then Add to Home Screen. Step 2: open the site from the new Home Screen icon. Step 3: tap Allow on the site prompt and then on the iOS dialog.⬆️ Share➕ Add to Home Screen1Add to Home ScreenSafari or Chrome → Share2Open the new iconIt launches like an appGet updates fromYour Store?Not nowAllow3Tap AllowYour prompt, then iOSThree steps to web push on iPhone and iPadStep 1: in Safari tap Share then Add to Home Screen. Step 2: open the site from the new Home Screen icon. Step 3: tap Allow on the site prompt and then on the iOS dialog.⬆️ Share➕ Add to Home Screen1Add to Home ScreenSafari or Chrome → Share2Open the new iconIt launches like an appGet updates fromYour Store?Not nowAllow3Tap AllowYour prompt, then iOS
Apple’s rule since iOS/iPadOS 16.4: web push only works for sites opened from the Home Screen.

When the visitor adds your site to the Home Screen, iOS treats it as a web app with its own icon. Opened from that icon, the web app can ask for notification permission — and only after the person taps a button. Once allowed, notifications appear on the lock screen and in Notification Center just like an app’s, and they can be managed in Settings → Notifications.

What your site needs

  • HTTPS (required for all web push).
  • A web app manifest at your root with "display": "standalone", a name and icons. The docs include a copy-paste manifest.
  • <link rel="manifest"> and an apple-touch-icon in your <head>.
  • The Pusharoo sw.js at your root and the snippet on every page.

Guiding iPhone visitors without friction

Most iPhone visitors have never added a website to their Home Screen. Don’t show them a prompt that can’t work. With data-ios-hint="true", Pusharoo detects an iPhone or iPad in a regular browser tab and shows a short, friendly card instead: Share → Add to Home Screen → open the icon → Allow. When they open the icon, your normal branded prompt takes over.

Best moments to show the hint: after a purchase, after someone reads a second article, or next to a “Get alerts” button. Not on the first second of the first visit.

Honest limitations

  • Fewer iPhone visitors will subscribe than Android or desktop visitors, because of the extra step. Plan for it and promote the Home Screen icon where it makes sense.
  • Large images aren’t shown in iOS notifications; title, body and icon are.
  • If a visitor deletes the Home Screen icon, that subscription ends.
  • In the EU, Apple briefly proposed removing Home Screen web apps in early 2024, then reversed the decision; support has continued since.

And Android?

Android is easy: Chrome, Edge, Firefox and Samsung Internet support push in a normal tab, no install needed. See the browser support table.

Questions

Which iOS version supports web push?

iOS and iPadOS 16.4 and later. Older versions cannot receive web push notifications.

Can I send web push to iPhone users in Safari without Add to Home Screen?

No. Apple only allows web push for websites opened from the Home Screen as a web app.

Does Chrome on iPhone support web push?

Since iOS 16.4, any browser can add a site to the Home Screen, and the resulting web app can receive push. A regular tab in Chrome on iPhone cannot.

Do I need an Apple developer account for iOS web push?

No. Standard VAPID web push works on iOS without an Apple developer account or certificates.

Browser push notifications: who supports what

Support table for Chrome, Edge, Firefox, Safari, Opera and Samsung Internet — desktop, Android and iPhone.

The push opt-in prompt, done right

Two-step soft prompts, timing rules, copy that converts, and what never to do on page load.

How web push works, step by step

Push API, service workers, VAPID keys and encryption — the full technical path of a notification.

What are web push notifications?

The 60-second explainer: what they are, where they appear, and why visitors actually see them.

More in Basics: Push notifications: what the term actually means · Web push vs. email: which to use, and when · Push notifications vs. SMS text messages · Web push vs. mobile app push notifications · All guides

Free for life. No limits.

Unlimited subscribers, campaigns and automations. No badges. About five minutes to install.

Get startedTry a live notification