Publishing an HTML5 App
When you build an app on our site, you can publish for HTML5, iOS, and Android all at once or individually. Unlike iOS & Android apps, HTML5 apps do not need to be republished to upgrade to the latest features and design. Each time we make improvements to our HTML5 app, you'll see those changes reflected in your app. Once you've built your app, you can publish for HTML5 to take your mobile website live.
1. Go to the Publish Step. Don't worry about filling out the fields in this step until you're preparing to publish for iOS or Android.
2. Skip to the Loading Screen step and click Publish Your App.
3. In the pop-up window, provide your Email Address and click the Mobile Website option. In the Special Upload Instructions window, you can just write "N/A."
4. Click Submit when you're ready. A processing message will appear at the top of the window. Do not close the window until the confirmation message (bottom image) appears.
5. Check your email for the Mobile Website information request. This email contains the template for your mobile website URL, your redirect script, and your QR code.
6. For each HTML5 app, you should replace "yoursubdomain" with your subdomain URL, and "yourappcode" with the app code you published. Leave the "appcode=" part as-is. This format should always generate your active HTML5 URL correctly. For example, if my subdomain is login.mydomain.com and my app code is myfirstapp, then my HTML5 URL will be http://login.mydomain.com/mobile/?appcode=myfirstapp
Enabling Your Front-End Redirect
If you'd like the front-end website for the business to redirect to the HTML5 app/mobile website 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 mobile version for optimal viewing.
1. Download or view the redirect attachment from the Mobile Website information request 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.)
3. If you're using MyMobiSolution Web for the front-end website and would like to use the MyMobiSolution mobile website instead of MyMobiSolution Web's automatically created mobile version, click the Settings button next to your site. Paste the mobile website URL into the Mobile Redirect URL field and click Save Settings.
4. The first time a user visits the client's site from a smartphone, they'll be redirected to the HTML5 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 HTML5 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 HTML5 app again (unless they clear their device's cache). They will, however, have the option to click the mobile link to visit the HTML5 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 HTML5).
1. You can download your HTML5 QR code from the Mobile Website information request or through the Promote section of your app dashboard.
2. From Promote, click the QR Code Flyer tab. Here you'll find your iOS, Android, and HTML5 QR codes. (Please review this article before downloading and printing your QR codes. iOS and Android URLs do not auto-generate in the Info section like the HTML5 URL does, so you need to take some steps to set those two up.)
3. Click Rebuild Code to sync up your new HTML5 URL. Once complete, use a QR scanner app to test out your HTML5 URL and confirm it's directing you properly.
4. Once confirmed, you can click Download to get a PDF version of your QR codes.
5. If you'd like to direct iOS and Android users to the native apps when they view your HTML5 app, you can check the Redirect box at the top left. This will take them straight to the App Store or Play Store URL provided in the App Information section when they visit the HTML5 app. Leave this box unchecked if you'd like to allow iOS and Android users to view your HTML5 app.