How to add Richer Install UI to your web app

How to create app shortcuts

This demo needs to run in its own window, not in an iframe.

How to add Richer Install UI to your web app

  1. Install the app by clicking the button below. After the installation, the button is disabled.

  2. When you click on install a dialog similar to the ones from app stores will be displayed.
  3. The dialog includes the `description` and `screenshots` set in the app manifest.
  4. Screenshots should be different depending if the app is being installed on a mobile or desktop device, according to the `form_factor` value set for the screenshots on the manifest