How to Install a PWA on iPhone, Android & Desktop

How to Install a PWA on iPhone, Android & Desktop

💡  The Short Answer

To install a PWA on iPhone, open it in Safari, tap the Share button, then tap 'Add to Home Screen.' On Android with Chrome, tap the three-dot menu and select 'Add to Home Screen' or 'Install App.' On desktop Chrome or Edge, click the install icon in the address bar. Each platform takes under 30 seconds. No app store required.

Progressive web apps install directly from the browser, no App Store, no Google Play, no account required. The process is slightly different on each platform, and a few steps are not obvious the first time. This guide covers every platform with clear steps, a quick-reference table, and a troubleshooting section for the common problems.

If you are not yet sure what a progressive web app is or whether the one you are installing is actually a PWA, start with our explanation at what is a progressive webapp? For the full picture of what makes PWAs worth installing, performance, offline access, push notifications, see our guide to PWA benefits.


Quick Reference: PWA Installation by Platform

Platform

Browser

Where to Find Install

Notes

iPhone / iPad

Safari

Share button → Add to Home Screen

Required. Chrome/Edge also work on iOS 17+

iPhone / iPad

Chrome or Edge

Share button → Add to Home Screen

iOS 17+ only. Same Share button as Safari

Android

Chrome

Three-dot menu → Install App

Prompt may appear automatically

Android

Samsung Internet

Three-line menu → Add page to → Home screen

Works similarly to Chrome

Desktop (Windows/macOS)

Chrome or Edge

Install icon in address bar

Appears as a standalone desktop app

Mac

Safari

File menu → Add to Dock

Requires macOS Sonoma or later


How to Install a PWA on iPhone and iPad

iOS Safari has supported PWA installation since 2018, but the option has always lived in a non-obvious place. Most users never find it unless someone tells them where to look. Here is the exact process.


Using Safari (All iOS Versions)

  1. Open the PWA in Safari. Make sure you are on the main page of the app, not a subpage.

  2. Tap the Share button, the box with an arrow pointing upward, at the bottom of the screen on iPhone or at the top on iPad.

  3. Scroll down in the Share sheet until you see 'Add to Home Screen.' Tap it.

  4. Edit the name if you want a shorter label under the icon, then tap 'Add' in the top right corner.

  5. The app icon appears on your home screen. Tap it to launch the PWA in full-screen mode without a browser bar.


Using Chrome or Edge on iOS (iOS 17 and Later)

Starting with iOS 17, Apple opened the Share sheet to third-party browsers on iPhone and iPad. Chrome and Edge can now install PWAs using the same method as Safari.

  1. Open the PWA in Chrome or Edge on your iPhone.

  2. Tap the Share button in the browser toolbar.

  3. Tap 'Add to Home Screen' in the Share sheet.

  4. Confirm the name and tap 'Add.'

🔔  Enabling Push Notifications After Install (iOS 16.4+)

Once a PWA is installed to your home screen, it can request permission to send push notifications, the same opt-in flow as any native app. Open the installed PWA from your home screen (not from Safari), then look for a notification permission prompt within the app, or check Settings → [App Name] on your iPhone. Notifications only work when the PWA is launched from the home screen icon, not from the browser.


How to Install a PWA on Android

Android Chrome offers the most polished PWA install experience of any platform. If the app has a valid web app manifest and service worker, Chrome may surface an automatic install prompt after your second or third visit. You can also trigger it manually at any time.

Using Chrome (Recommended)

  1. Open the PWA in Chrome on your Android device.

  2. Tap the three-dot menu in the top right corner.

  3. Look for 'Install App' or 'Add to Home Screen' and tap it. (Newer Chrome versions use 'Install App'; older versions use 'Add to Home Screen.')

  4. Tap 'Install' in the confirmation dialog.

  5. The app installs to your home screen and app drawer. It opens in standalone mode, like a native app.


📲  Automatic Install Prompts on Android

Chrome on Android will sometimes show a banner at the bottom of the screen saying 'Add [App Name] to Home Screen.' This is the browser's built-in install prompt, triggered automatically when the app meets PWA criteria and you have visited it more than once. You can tap the banner directly or dismiss it and install manually through the menu.


How to Install a PWA on Desktop

Desktop PWA installation is available in Chrome, Edge, and Safari on macOS. The installed app runs in its own window, appears in your taskbar or Dock, and behaves like any other desktop application.


Chrome or Edge (Windows and macOS)

  1. Open the PWA in Chrome or Edge.

  2. Look for the install icon in the address bar, it looks like a monitor with a downward arrow, or a plus sign inside a circle, depending on your browser version.

  3. Click the icon and then click 'Install' in the prompt.

  4. The app opens in a new standalone window without browser chrome. It also appears in your Start menu (Windows) or Applications folder (macOS).


Safari on Mac (macOS Sonoma and Later)

  1. Open the PWA in Safari on your Mac.

  2. Go to the File menu in the menu bar.

  3. Select 'Add to Dock.'

  4. Click 'Add' to confirm. The app appears in your Dock and can be launched like any native macOS app.

Troubleshooting: When the Install Option Does Not Appear

A missing install prompt or 'Add to Home Screen' option is the most common problem. Here is what causes it and how to fix it.


'Add to Home Screen' Is Missing in Safari on iPhone

This option only appears when you tap the Share button, the box-with-arrow icon, not the bookmark icon. If you are scrolling through the Share sheet and cannot find it, scroll further down. The option can be buried below other options. If it is still absent, the page you are on may not be a PWA or may have a technical issue preventing installation.


No Install Icon Appears in Chrome or Edge on Desktop

The install icon only appears if the site has a valid web app manifest and an active service worker over HTTPS. If you are trying to install a specific app and the icon is absent, the app may not be a PWA, or you may be on an HTTP (not HTTPS) version of the URL. Try navigating to the HTTPS version manually. If the issue persists, the app's development team will need to investigate.


The App Installs But Behaves Like a Browser Tab

This usually means the manifest's display mode is set to 'browser' rather than 'standalone' or 'fullscreen.' The app is technically installed but will open with a browser toolbar visible. This is a configuration decision by the app's developer, not a problem with your device.

⚠️  HTTPS Is Required for PWA Installation

If you are trying to install a PWA you have built or are testing, it will not install on any browser if served over HTTP rather than HTTPS. The service worker, which is what makes installation possible, requires a secure connection. The only exception is localhost, which browsers treat as secure for development purposes.


How to Uninstall a PWA

Removing a PWA is as simple as removing any app or home screen icon.


iPhone and iPad

Press and hold the app icon on your home screen until the icons start to jiggle. Tap the minus sign (−) that appears on the icon, then tap 'Remove from Home Screen.' This removes the icon. The app's cached data may remain in Safari's storage until you clear it in Settings.


Android

Press and hold the app icon, then drag it to the 'Uninstall' option that appears at the top of the screen, or tap the 'i' information icon and select Uninstall. Alternatively, go to Settings → Apps → find the PWA by name → Uninstall.


Desktop Chrome and Edge

Open the installed PWA. Click the three-dot menu inside the app window (not the browser). Select 'Uninstall [App Name].' Confirm the removal. On Windows, you can also uninstall via Add or Remove Programs.


macOS Safari

Right-click the app icon in your Dock and select 'Remove from Dock.' To clear cached data, open Safari → Settings → Privacy → Manage Website Data and search for the app's domain.

🏗️  Building a PWA? Start With the Right Foundation.

If this guide helped you understand the user-side install experience, the next question for founders is what it takes to build a PWA that installs cleanly on every platform, loads in under a second, and works offline. At Adeocode, we build PWA MVPs in 8-week sprints for non-technical founders. No surprises on timeline or cost. Book a free discovery call at adeocode.com.

Explore the full PWA guide from Adeocode. How PWAs Work · PWA vs Native App · PWA Cost

Does installing a PWA use storage on my device?

Can I install a PWA without using the browser menu?

Do PWAs update automatically after I install them?

Is a PWA safe to install?

You may like these

You may like these

Progressive Web Apps aren’t just a concept — they’re already driving real results for some of the world’s biggest companies. From higher conversions to faster load times and massive user growth, PWAs have proven their impact across industries. In this guide, we break down real PWA examples and what you can actually learn from them.

A progressive web app works by combining three browser technologies, a service worker, a web app manifest, and HTTPS, to make a website behave like a native app. The service worker handles background tasks and offline caching. The manifest tells the device how to display the app on the home screen. HTTPS keeps every interaction secure. No app store required.

Choosing between a Progressive Web App (PWA) and a native app isn’t just a technical decision — it’s a business decision that directly impacts your growth, budget, and speed to market. Most founders approach this as a feature comparison, but the real question is how you plan to acquire users and scale efficiently. In this guide, we break down the PWA vs native decision into clear, actionable insights so you can choose the right path based on your product, not guesswork.

If you're still exploring the fundamentals, start with our guide on what a Progressive Web App (PWA) is and why it matters in 2026.


benefits of progressive web app

Most articles about Progressive Web Apps (PWAs) repeat the same list: faster load times, offline support, push notifications.

All true.
But none of that answers the only question that matters:

Do PWAs actually improve business outcomes?

This guide is built differently.

Instead of listing features, we analyze real-world results from companies like Pinterest, AliExpress, and Forbes, showing exactly how PWAs impact:

  • Conversion rates

  • User engagement

  • Development costs

  • SEO visibility

If you're evaluating whether a PWA is worth building, this is not a theory piece.

It’s a data-backed decision framework.