PWAs are web apps that are initially accessed through the web.

With PWAs, your users essential "bookmark" your web app to their device, instead of downloading it from an App Store. This will reduce the number of steps it take for the user to download your app.

So, here's how it's done...

IMPORTANT

PWAs in general, whichever platform it is that generates them, have limitations on how certain features work. For example, there are limitations on how web views work because it's basically like viewing a website in another website in a browser. Also, iOS does not support push notifications for Apple devices using PWAs.

This being said, we recommend that you go with the native version of the app.

How to Get Your PWA Out to Your Users

When you build an app, your PWA is being created simultaneously. Pretty cool, right? There are just a few steps you need to follow to get it to your users.

Step 1: Upgrade your account to a paid subscription

Step 2: Create a subdomain (also called a CName) for the custom domain you'd like to use for your PWA and point it to pwa.appdocumentation.com

Technically, you can just use your PWA/HTML5 link to distribute your app, but it's prreeeeetty ugly.

A custom domain, however, will let your users access and download your app right through your own domain/website through a link such as app.yourdomain.com

To set up a subdomain (aka CName), you will do that through your domain hosting provider. You'll login and go to your DNS settings where you should be able to add a CName. It will look something like the picture below.

Note: Each hosting provider is a little different, so you might try Googling your provider name with "how to set up a cname".

Step 3:  In the left menu go to Go to Progressive Web >> Domain

Go back to your app's control panel and access your PWA's domain settings.

Step 4: Enter the subdomain you created into the field

Scroll down to the "Custom Domain" section and enter the subdomain you created for your PWA and click Save.

(Optional) Step 5: Fill out your meta data information so that your app is more easily searched by search engines and, therefore, more likely to appear on them.

META tag is an HTML tag containing information for search engines about a specific app. META tags contain keywords or phrases alerting search engines of an app's content to be included in search results for users requesting related information.

(Optional) Step 6: Upload your SSL certificate

Uploading your SSL will add extra security to your app served via HTTPS to prevent snooping and to ensure content hasn't been tampered with. To do so, simply follow the instructions at the bottom of the page under Progressive Web >> Domain

How Your Users can Download/Save Your App to their Devices

Step 1: Open your app via your custom domain (or the PWA/HTML5 link if you haven't created one)

Step 2: Follow these screens

Did this answer your question?