How to install a PWA - Progressive Web Application

These instructions explain how to install a local copy of a progressive web application (PWA), allowing you to access it directly from your device without needing to open a browser or search for the app's domain. Once installed, simply click the app icon to open it and start using it immediately.

Install on Android Install on iOS

What is PWA - Progressive Web Application?

A progressive web application (PWA) is a web site that can be downloaded to your device and used like an app. While a PWA can be used like any regular web page, installing it can provide some advantages. An installed PWA can still be used without an internet connection. It will also appear alongside your other apps for convenient access. The installation process varies depending on your operating system and web browser.

Safari browser

Installation process on iOS mobile

A PWA can only be installed on iOS using the Safari web browser. First, navigate to the site in Safari. Press the "Share" button and select "Add to Home Screen" from the popup. Lastly, tap "Add" in the top right corner to finish installing the PWA. It will now be on your home screen.

Screenshot of the website in Safari with 3 dots button in the bottom right highlighted

Screenshot of the website in Safari with menu expanded and the "Share" button highlighted

The iOS share menu with the "Add to home screen" button highlighted

The iOS "add to home screen" screen with the "Add" button highlighted

Screenshots showing PWA installation steps on iOS

Google chrome

Installation process on Android mobile

The default Chrome browser is capable of installing PWAs for Android. First, navigate to the site in Chrome. Press the "three dot" icon in the upper right to open the menu. Select "Add to Home screen." Press the "Add" button in the popup. The PWA is now installed and available on your home screen.

Screenshot of the website in Chrome with 3 dots button at the top right highlighted

Screenshot of the website in Chrome with menu expanded and the "Add to home screen" button highlighted

The Chrome add to home screen screen with the "Install" button highlighted

The Chrome "add to home screen" screen with the "Add" button highlighted

Screenshots showing PWA installation steps on Android

Desktop PWA

Installing PWA on Windows and MacOS

Google Chrome and Microsoft Edge currently have the best support for PWAs on Windows and Mac OS. The installation process is very similar for both browsers. First, navigate to the site you wish to install as a PWA. If the site is a PWA, there will be an icon on the right side of the URL bar. Click the icon then click the "Install" button. Alternatively, you can install the PWA from the "three dot" menu. On a Windows PC, the PWA will be available in the start menu. On a Mac, the PWA will be in the launcher and in the spotlight search.