When you build an app on our site, you can publish for a "Web App", iOS, and Android all at once or individually. Unlike iOS & Android apps, Web Apps do not need to be republished to upgrade to the latest features and design. Each time we make improvements to our Web App, you'll see those changes reflected in your app. Once you've built your app, you can publish for "Web App" to take your app live.
1. Go to the Publish page. Fill out all necessary information and select loading screens to publish.
2. Click Submit to Store.
3. Select the "Web App" option
4. Include the email address where you'd like the web app URL to be sent.
5. Click Next when you're ready.
6. Include any necessary special instructions and click submit.
6. Check your email for the Web App Publishing information. This email contains the template for your Web App URL, your redirect script, and your QR code.
Enabling Your Website Redirect
If you'd like the front-end website for the business to redirect to the Web App when users visit on a smartphone, you can add the attached redirect script to the front-end site. This script will allow the site to recognize when someone is visiting from their phone and automatically send them to the Web App for optimal viewing.
1. Download or view the redirect attachment from the Web App Publishing information email you received.
2. Copy the redirect script and paste it into the header of the front-end site's home page. This is only possible if you have access to edit your website's code.
Note: Don't add this script to each page of the front-end site, because that will result in an endless loop that prevents users from visiting specific pages of your front-end site on their phone. The home page header is enough.
Note: If you already set up a custom domain for your PWA, you'll want to replace the entire URL in the redirect script with the custom URL you created.
3. The first time a user visits the client's site from a smartphone, they'll be redirected to the Web App automatically. A banner will appear at the top giving them the option to return to the "Desktop" version.
- If they hide the banner: It will never appear again (unless they clear their device's cache), and they'll be automatically redirected to the Web App whenever they revisit the full site.
- If they click the banner: The "Desktop" option will be selected, and they'll be redirected to the full site. If they revisit the full site, they won't be redirected to the Web App again (unless they clear their device's cache). They will, however, have the option to click the mobile link to visit the Web App.
Using Your QR Code
QR codes are basically bar codes that contain a URL. When scanned using a QR scanner app, they take you to the given URL. This is easier than typing out a lengthy website address. QR codes can be printed and posted, shared via email, included on flyers and business cards, etc. Anyone with a QR scanner app installed on their phone can scan the QR codes for your apps to be taken to the given app (iOS, Android, or Web App).
1. You can download your Web App QR code from the Web App Publishing information.
2. If you'd like to direct iOS and Android users to the native apps when they view your Web App, you have two options.
- Automatic App Store Redirect: This will take them straight to the App Store or Play Store URL when they visit the Web App. Leave this toggle disabled if you'd like to allow iOS and Android users to view your Web App.
- Smart Banner: This will provide web app visitors the option to download or open the native app in the iOS App Store or Google Play Store. Leave this toggle disabled if you'd like to allow iOS and Android users to view your Web App.