PWA Install prompt for iOS

Content Type: Widget
Categories: Mobile

Overview

Want to automatically show an explanation on how to install a PWA app on iOS? Then use this widget. Simply add it to a page and adjust the text to your use case.

Documentation

Demo urlhttps://pwaiosprompt-sandbox.mxapps.io/

PWA Install Prompt iOS

Widget to automatically show an explanation how to install a PWA app on iOS.

Features

  • Show a popup with explanation only on iOS devices
  • Adjust the text to your usecase

Usage

Simply add the widget to the page that should contain the explanation (e.g login page). You can easily adjust any of the text labels shown in the popup to your liking and even add a custom action when a user cancels the popup.

Debugmode There is also a debug mode option. When this is enabled the popup will also show up on devices thats are not iOS devices. Use this to debug and test the desired effect.

Styling

Use the .iOSPWA-container class to adjust the placement of the popup. If you wish to add more custom styling you can set the widget to debugmode and simply inspect it in the browser.

Demo project

https://pwaiosprompt-sandbox.mxapps.io/

Issues, suggestions and feature requests

https://github.com/hunterkoppenclevr/pWA-install-prompt-iOS/issues

Releases

Version: 1.1.1
Framework Version: 9.12.2
Release Notes: Bugfix translatable strings not loading
Version: 1.1.0
Framework Version: 9.12.2
Release Notes: Texts are now translatable
Version: 1.0.0
Framework Version: 9.6.8
Release Notes: Initial release