Skip to Main Content

Overview

APEX PWAs allow any APEX application to be installed on any device, creating a deep integration with the operating system and providing remarkable accessibility.

An APEX PWA is the most convenient gateway to your app: users can launch it using a home screen icon, enjoy a full-screen experience in a dedicated window, and effortlessly locate it on their device. To attract the widest audience, APEX delivers a smooth, user-friendly installation process, encouraging users to intuitively adopt your app.

Compatibility

This table shows the supported combinations of operating systems and browsers for the PWA installation feature.

Chrome Edge Firefox Safari
Android Yes Yes Yes N/A
iOS No No No Yes
macOS Yes Yes No No
Windows Yes Yes No N/A

Last updated: April 2023

Examples

All devices, from desktop to mobile, offer a tailored web app installation experience. See examples below for a preview of the feature.

Desktop users can find the Install App button in the navigation bar to trigger the installation process. Mobile users can find the same button, except it will display as only an icon.

Installing an APEX PWA on Desktop

Instructions

  1. Run your application
  2. In the top navigation bar, click the Install App entry
  3. Click Install on the confirmation box
  4. Your APEX app is now installed on your desktop, appears in the app launcher, and can be pinned to the dock

Installing an APEX PWA on iOS

Instructions

  1. Run your application
  2. In the top navigation bar, tap the icon
  3. Tap Next
  4. Follow the simple instructions
  5. Your APEX app is now installed on your iOS device and appears on the home screen

Installing an APEX PWA on Android

Instructions

  1. Run your application
  2. In the top navigation bar, tap the icon
  3. Tap Install on the confirmation box
  4. Your APEX app is now installed on your Android device and appears on the home screen

Advanced

The PWA installation experience can be enhanced with additional meaningful content such as app screenshots and app description. They add to the installation prompt visuals, reminding users of typical application stores UI. App screenshots should serve as a preview of the content of the application, to incentivize users to install the app and experience it for themselves. Manage screenshots and description from the APEX Builder Progressive Web App attributes page.

Compatibility

This table shows the supported combinations of operating systems and browsers for the PWA Screenshots feature.

Chrome Edge Firefox Safari
Android Yes Yes No N/A
iOS No No No Yes
macOS No Yes No No
Windows No Yes No N/A

Last updated: April 2023

Managing Screenshots

Instructions

  1. In the App Builder go to Shared Components
  2. Go to Progressive Web App
  3. Turn on Enable Progressive Web App and Installable
  4. Click Add Screenshot button
  5. Type a description for the screenshot
  6. Upload your Screenshot file
  7. Click Create
  8. The screenshot will be displayed to users when installing the PWA

Edit Description

Instructions

  1. In App Builder go to Shared Components
  2. Go to Progressive Web App
  3. Turn on Enable Progressive Web App and Installable
  4. In App Description, enter a short description for the application
  5. Click Apply Changes
  6. The app description will be displayed to users when they install your PWA