iPhone push setup guide

How to Get Push Notifications From a Web App on iPhone: Add to Home Screen, Allow, Test and Troubleshoot

On Android you tap Allow and notifications just work. On iPhone the same website never even asks. Nothing is broken: iPhone simply has one extra requirement for web notifications, which is adding the site to your Home Screen first. This guide walks through the full setup using TripBoard trip reminders as the example, then covers what to check when nothing arrives.

閱讀繁體中文版

Trip prepPublished October 14, 2026Updated October 14, 20267 min read

iPhone notifications
PWA
Add to Home Screen
trip reminders

Why a website open in Safari cannot send you notifications#

On a laptop or an Android phone, a website can pop up a request to show notifications, and one tap on Allow is all it takes. iPhone works differently. According to Apple, iOS and iPadOS support web push notifications from version 16.4, but only for web apps that have been added to the Home Screen, not for ordinary Safari tabs.

In other words, when a site is open in a Safari tab it simply does not have access to push, so it cannot ask for permission either. Once you add it to the Home Screen and launch it from that icon, it runs as an app, and push and the notification permission become available. That is why TripBoard shows an Add to Home Screen first status in its notification settings when it detects you are in a Safari tab on iPhone.

Two things to check before you start#

iOS or iPadOS 16.4 or later: check under Settings → General → About. On an older version, adding the site to the Home Screen will not enable web push; update the system first.
Add it from Safari: under Apple's rules, browsers on iOS generally run on the same WebKit engine as Safari, and some third-party browsers also offer an Add to Home Screen option in their share menu, but support varies. To keep things predictable, this guide uses Safari throughout.

Step by step: from Home Screen to your first notification#

Open TripBoard (or any web app that supports push) in Safari and tap the Share button near the address bar, the square with an arrow pointing up. Depending on your Safari layout it sits at the bottom or the top of the screen; look for the icon rather than a fixed position.

Step 2: Choose Add to Home Screen#

Scroll down the share sheet, tap Add to Home Screen, check the name and confirm. A new icon appears on your Home Screen that looks just like any other app.

Step 3: Launch it from the Home Screen icon#

This is the step people skip. After adding the icon, close Safari and tap the new icon instead. If there is no address bar at the top, you are running the web app. From now on, turning on and receiving notifications both happen through this icon.

One more thing to watch: on iOS, the Home Screen app and the Safari tab may keep their website data separately. If you created trips in a Safari tab and they are missing in the Home Screen app, export a backup from Settings in Safari and import it in the Home Screen app. For how offline storage works in trip planners, see the offline trip planner test.

Step 4: Turn on notifications inside the app#

TripBoard has two places to do this: the Notifications section in Settings, or Trip reminders in an individual trip's menu, where you pick 7 days before, 1 day before, the morning of departure, or a settle-up reminder the day after the trip ends. iOS only lets a site request notification permission in response to something you tap, so you have to flip the switch yourself; the site will not ask on its own.

Step 5: Tap Allow in the system prompt#

After you flip the switch, iPhone shows its system permission prompt. Tap Allow. Back in Settings, the browser permission should now read Allowed. If you tapped Don't Allow by mistake, it will show Blocked, and the site cannot ask a second time; jump to the troubleshooting section below.

Step 6: Send a test notification#

Once permission is allowed and this device is subscribed, a Send test notification button appears in the Notifications section of Settings. Tap it and a TripBoard test notification should arrive within a few seconds. If it does, trip reminders will reach this device the same way. You can send up to 3 tests per device in any 24 hours, and tests do not affect any trip reminders.

Not getting notifications? Check these five things in order#

You opened it from Safari, not the Home Screen: by far the most common cause. If the address bar is visible and Settings says Add to Home Screen first, you came in through a Safari tab. Close it and tap the Home Screen icon.
Notifications are blocked: according to Apple, web apps on the Home Screen show up in the iPhone's Settings → Notifications list like any other app, and you can turn notifications back on there. If the app is not listed, delete the Home Screen icon, add it again, and turn notifications on from the new icon.
A Focus mode is on: with Do Not Disturb or another Focus active, notifications may be silenced or delivered quietly to Notification Centre. Check Settings → Focus and add the app to the allowed list if needed.
Low Power Mode: the system may defer some background activity. If you suspect it, turn Low Power Mode off temporarily and send another test notification to compare.
New phone or cleared website data: reminder settings and the subscription live only on this device. After switching phones, deleting the Home Screen icon or clearing website data, add the app to the Home Screen and turn notifications on again.

If the test reports that this device's subscription has expired, the push service no longer recognises the device. Turn notifications off and on again to create a fresh subscription.

How Android and desktop Chrome differ#

Chrome, Edge and Firefox on Android and on desktop do not need a Home Screen install. Turn notifications on in the web page, tap Allow, and you are done. You can still install the site as an app if you like: Chrome on Android offers an install option, and TripBoard's tutorial menu on the trips list has an install entry too. An installed app gets its own icon and window and opens faster, but it is not required for notifications.

Unblocking notifications in desktop and Android browsers

Chrome: tap the icon to the left of the address bar → Site settings → Notifications → Allow.
Edge: click the icon to the left of the address bar → Permissions for this site → Notifications → Allow.
Firefox: click the padlock to the left of the address bar, clear the site's permissions, reload and turn notifications on again.

What TripBoard sends, and what it never uploads#

TripBoard keeps your trip data on your device by default. Reminders are one of the few features that need a server, because something has to know which device to notify on which morning. So the upload is kept to the minimum needed to send a notification.

Notifications you can get

7 days before departure: time to start on luggage and documents.
1 day before: one last check of the plan and flight times.
Morning of departure: open the trip to see today's schedule.
The day after the trip ends: a settle-up reminder, only if this device still has unsettled expenses. Once everything is settled, it stops.
Reminders arrive in the morning, Taiwan time. Each trip is set up separately, it is free, and no account is needed.

What is and is not uploaded

Uploaded: the trip name, the date each reminder should go out and which reminders you ticked, plus what the push service needs to deliver it: the push endpoint, encryption keys, interface language and time zone offset.
Never uploaded: the departure date itself, places, expenses, split-bill members, photos and notes.
Turning off a trip's reminders deletes that trip's schedule; unsubscribing this device in Settings deletes its subscription and every schedule attached to it. The privacy policy lists every field.

The reminder timing matches the three checkpoints in the pre-trip checklist: a week out for anything that takes time, the day before for final checks, and the morning of departure for a last pocket check.

FAQ#

Can a web app send push notifications on iPhone?

Yes, with conditions. According to Apple, you need iOS or iPadOS 16.4 or later, and you must add the site to the Home Screen, launch it from that icon, turn notifications on inside the site and tap Allow. Browsing in a regular Safari tab will not work.

Why doesn't the site ask me to allow notifications?

On iPhone the most common reason is that you are still in a Safari tab, where the site has no access to push and cannot ask. Other causes are running a version older than iOS 16.4, or having tapped Don't Allow before, in which case the site cannot ask again and you need to re-enable it in the iPhone's Settings → Notifications.

I tapped Don't Allow. How do I turn notifications back on?

On iPhone, a web app added to the Home Screen can be found in the Settings → Notifications list and switched back to allowed. If it is not there, delete the Home Screen icon, add it again and turn notifications on. In Chrome on desktop or Android, open site settings from the icon left of the address bar and set Notifications to Allow.

How do I know notifications are set up correctly?

In TripBoard's Settings, once permission is allowed and the device is subscribed, a Send test notification button appears in the Notifications section. Tap it and a notification should arrive within seconds; if it does, trip reminders will reach you too.

Add it to your Home Screen and let reminders track your departure

No sign-up and nothing to download. Create a trip with a start date, add TripBoard to your Home Screen, turn on reminders from the trip menu, then send a test notification from Settings.

Start planning your trip