Custom PWA install prompts

iOS install prompt

Safari doesn’t support PWA’s particularly well. The add to home screen setting is somewhat hidden, so we can guide the user though the process with a clean, simple set of instructions.

Android install prompt

The default android install prompt for a Progressive Web App can be a little annoying. You can’t control when it displays and it sits on the top of the browser, sometimes blocking content.

Using some Javascript and a few elements we can create a much nicer install prompt for both Android and iOS, triggered on a dedicated download page. Adding screenshots, icons and descriptions to the manifest results in a cleaner, more inviting installation experience.