How to Publish and Redirect to Your HTML5 Apps (New CMS)

Last Updated: Apr 27, 2017 03:23PM PDT
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. Fill out all necessary information and select loading screens to publish.

2. Click Send to Store.

3. Select the Mobile Website option on the pop up and include the email address where you'd like the website link to be sent.



4. Click Next when you're ready. 

5. Include any necessary notes in the Upload Form and click submit.




6. 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. 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. 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 Codes 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 Flyer 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 bottom right. 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 toggle unchecked if you'd like to allow iOS and Android users to view your HTML5 app.