01On iPhone or iPad (Safari)
Apple's iPhone User Guide notes two details: if Add to Home Screen is not in the list, scroll to the bottom, tap Edit Actions and add it; and the icon appears only on the device where you add it, so do it again on an iPad.
- 1Open the website in SafariGo to the exact page you want the icon to open.
- 2Tap the Share buttonThe square with an arrow pointing up, in the toolbar.
- 3Tap Add to Home ScreenScroll down the list if you do not see it straight away.
- 4Choose how it opensLeave Open as Web App on to use the site like an app, in its own window.
- 5Name it and tap AddA short name fits under the icon better.
02On Android (Chrome)
Wording varies between Chrome versions and phone makers. A shortcut opens in the browser you used to create it; an installed web app opens in its own window. Samsung Internet, Firefox and Edge on Android have similar options in their menus.
- 1Open the website in ChromeNavigate to the page you want.
- 2Tap the three-dot menuTop right of the screen.
- 3Tap Add to Home screen or Install appSites built as web apps show Install; others create a shortcut.
- 4Confirm and place the iconTap Add, then drag it where you want or let the launcher place it.
03Shortcut or web app: what is the difference?
A plain shortcut is a bookmark with an icon: it opens the site in your browser. A web app, also called a progressive web app, opens in its own window without the address bar, can work partly offline and, on iPhone since iOS 16.4, can send notifications if the site supports them. WebKit's announcement for iOS 16.4 also allowed third-party browsers to add sites to the Home Screen.
| Shortcut | Web app | |
|---|---|---|
| Opens in | Your browser | Its own window |
| Address bar | Visible | Hidden |
| Notifications | No | If the site supports them |
| Offline use | No | If the site supports it |
| Separate sign-in and data | No | Often yes |
04Troubleshooting
To remove an icon, press and hold it and choose Remove (iPhone) or drag it to Remove or Uninstall (Android).
- No Add to Home Screen on iPhone: use Safari (or a browser that supports it), then check Edit Actions in the Share sheet.
- The icon is a letter or screenshot: the site has not provided an app icon; it still works.
- You are signed out in the web app: web apps can keep separate cookies from the browser, so sign in once inside the app.
- The icon disappeared: on Android, check the app drawer; some launchers do not place shortcuts automatically.
- In the EU in early 2024, Apple briefly planned to remove Home Screen web apps, then reversed the decision; they work as normal.
05If you run the website
Visitors will add your site to their home screens more often, and it will look better when they do, if the site has a web app manifest and proper icons. The favicon is the starting point; MDN's guide to progressive web apps covers the rest. How to make a website an app explains both sides.
What people who tried it say
When Apple planned to remove Home Screen web apps in the EU in 2024, Hacker News filled with users who depended on them, and developers elsewhere note that most people still do not know the option exists.
- Apple confirms iOS 17.4 removes Home Screen web apps in the EUHacker News
Users who relied on Home Screen web apps were angry at losing them; Apple reversed the decision weeks later, and the feature stayed. The thread shows how many people use saved sites as apps.
- Ask HN: Why are PWA user install stats so hard to find?Hacker News
Developers said installing a website as an app is not obvious on Safari, and that people are often surprised to learn Chrome and Edge can install sites as desktop apps.
Looking for more first-hand opinions? Search Reddit for “how to add a website to home screen”. We link the live threads rather than summarizing them, so you read them in full.
Our take
for sites you open daily (your bank's web app, a team tool, a recipe site), the home screen icon is a small change that saves real time. Turn on Open as Web App when it is offered.
Where this falls short
Menu names and options change between iOS, Android and browser versions. These steps match Apple's and Google's documentation as of October 2026.
Sources
- 1.Bookmark a website in Safari on iPhone · Apple Support
- 2.Web Push for web apps on iOS and iPadOS · WebKit
- 3.Use web apps · Google Chrome Help
- 4.Progressive web apps · MDN Web Docs
Researched and written by the Orlume team · Updated October 2026
Still stuck?