Microsoft 365 – How To Enable A Progressive Web Application


A Progressive Web Application (PWA) is an application that runs in a website which you can separately have an icon for on your desktop (Windows, Chromebook, Raspberry PI, Linux, Android and other operating systems). This icon can be pinned to the Start Menu (or equivalent) and starting it opens the web application in a separate browser window which is treated as an application rather than just another browser window.

As of June 2021 Progressive Web Apps are available for Office, Outlook, OneDrive, Microsoft Lists, Teams and probably more!

So how do you add these apps. First and last step is to open the web application in a supported browser, click …, click Apps, click “Install this site as an app” as shown:

Installing a Progressive Web App

The supported browsers are Microsoft Edge, Google Chrome, Firefox or other browser that supports Progressive Web Apps (with the exception of Safari). You will be asked to confirm the installation:

Confirming installation of the Progressive Web App

Now you have a new icon on the task bar for your app, and the app you installed is running. You can pin the icon etc. as you would for any app in Windows and adding the app to other OSes is just as easy.

The app has a few features unique to it being a web app:

A Progressive Web App (OneDrive in this case)

The PWA has its own title bar rather than an browser address bar and from … menu you can uninstall the app again or do some other more browser based options.

You can also manage your installed apps from the browser – same steps as above, and under the Apps menu you will see the following:

Managing installed Progressive Web Apps

Now you can take your web apps and make them more like classic software applications! A win win for all.


Tags:

Comments

4 responses to “Microsoft 365 – How To Enable A Progressive Web Application”

  1. Bruno Decourcy avatar
    Bruno Decourcy

    And of course, using Safari isn’t possible….

  2. Susan avatar
    Susan

    Would this allow me to have a different outlook email open in my browser than what is open in the app?

    1. Brian Reid avatar

      Yes, but you can do that in the browser anyway and don’t need a progressive Web app to do it.

  3. Stalin Babu avatar

    Great blog! You’ve explained PWAs clearly and made the process easy to understand. As a web application developer, I appreciate the focus on their versatility and user-friendly features. PWAs are indeed a smart way to enhance user engagement and accessibility across devices. Well done!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.