A notification that appears on an iPhone has 5 components:
- Icon - This is the PWA app icon (set in the App tab)
- Title - We allow 80 characters and some browsers will display a longer title, but keep this message under 20 characters to display all of it on Apple.
- App name - This is the PWA app name (set in the App tab). It appears under the app icon on the home screen. We allow 14 characters to keep the name from being cut off on the home screen, though 12 characters is safer when using bigger capital letters. Note that we allow you to select a different image, and most browsers will use this image, but at present, Apple will always use the app icon.
- Message - This is the message body. We allow 120 characters, but is it best to keep this message at 60 characters or less.
- Endpoint - This is the destination URL that the notification will link to when tapped. It can link back to the app, to a third party URL, or deep link to a speific action in the apps. In the below example, the message might link to a subpage in the app that lists the available shifts.
If one subscribes to notifications from Safari desktop, the notification will show the Safari logo for the image and the URL-domain in place of the app name. Because the app is not installed on Safari, it does not access the app name or icon.
A notification on LG Android Chrome also displays the domain rather than the app name.