When you build an app on our site, you can publish it as 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. This article details the process of publishing and redirecting users to your web app.
Each time we make improvements to the Web App platform, those changes will be reflected in the app. There is no need to re-publish unless changes are made under the Build menu. Once you've built your app, you can publish for Web App to go live immediately.
Publishing a Web App
Go to the Publish page, and tick the Web App option.
Fill out all necessary information, and select loading screens to publish.
- Include the email address where you'd like the web app URL to be sent and click Next.
Include any necessary special instructions and click Submit.
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.
- Download or view the redirect attachment from the Web App Publishing information in the email received. Here's a sample of the Redirect Script
- 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.
- 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.
- 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.
- 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 users 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 users 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).
You can download your Web App QR code from the Web App Publishing information.
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.