2.12 Creating, Editing and Publishing a WebApp

Creating, Editing and Publishing a WebApp

In this tutorial I will show you how to create, edit and publish a WebApp or Mobile Website.


Create an App using any of our tutorials and choose the target – "WebApp"

Create mobile website

You may also change the target of an existing App (iPhone, iPad, Android or Kindle) to WebApp

Publish a Webapp

There is one important thing that needs to be noted when you are changing the target to an existing App or you are duplicating an existing App ( duplicate an App ). A WebApp cannot have native tabs. So if your existing App has tabs, after changing the target or duplicating, it will not have tabs. The tab pages will be in the App (tab1.html, tab2.html. tab3.html, etc) but the default start-up page will be now index.html.

The start-up page will be blank. But do not worry. When changing the target, a blank index.html file was created. You may rename any page from your App to index.html and that page will show up on start-up (first rename the default index.html to any other name).


Once you created a WebApp, you will notice in its Dashboard that there are fewer options than a native App has. We have removed all the unnecessary settings like: Navigation Settings, App Store Proprieties, Statistics, Push Notifications, Page Settings, Newsstand. Also some options from App Settings we removed. All of these settings were removed because a WebApp uses only HTML based pages and obviously there is no need for Navigation Settings, Push Notifications, etc.

The WebApp cannot have native features. Here is a list of the page types supported on WebApps:

HTML, Button Menu, Color Menu, Content Menu, Grid Menu, Image Menu, Large Button Menu, Magazine Menu, Menu, Sample Menu, Side Bar Menu, Stripes Menu, WebKit Menu, WebKit Submenu, About Us, Audio Stream, Calculator, Form, Drag & Drop, jQueryMobile, Radio Stream, WebKit details, Image Area, RSS.

As I already mentioned a WebApp cannot have native tabs or a Top Navigation Bar but you may create them in a HTML page. You may also create a back button and many other things.

Once your WebApp is ready, you may publish it. You can publish a WebApp on a domain or a subdomain. 


After you click "Ready to Publish", there will be a field where you will have to insert your domain or subdomain. The URL link you set will be the direct link for your Web App. Note that you do not need a server. Your App will be hosted on our server.

a) You may just create an A record and point it directly to IP address.


In App Dashboard, you will find the direct link to your App. In case you want to unpublish the App from your domain, click the "UnPublish button"


It might take some time till the domain is set up to our server (up to 1-2 hours). Open the link in a web browser or a mobile browser on your device: 


b) Publish the WebApp on a subdomain.  Set your subdomain and click "Publish"


You must add asigned IP address as host DNS entry of your subdomain (Point your subdomain to the IP address)

Note that if you are using a subdomain, you do not need to point the domain to our nameserver.

After processing is finished click "Done". The subdomain link will be active from a few minutes up to a few hours.

Once your App is published, you can make changes to it in App Dashboard > Edit Pages. You may add or remove pages. After you make any changes to the App you will have to republish it.

Updates were made to the WebApps functionalities. 

New options were added:

1) Offline Mode .This will allow the WebApp to be cached on the device so it will fully work in offline mode. Once the app is installed on the device it will work similar as a native app.


2) Open links in the same window. This is an important option that will make all the URL's and pages from the app to be opened in the same window. A new tab will not be opened in the browser anymore.

3) App Multimedia .You can now upload icons (for all devices) and even splash screens.


4) QR Code will appear after the app is published

[cml_media_alt id='1023']Web App Publish[/cml_media_alt]

Note: You can generate QR Codes here.

5) Updates. Once you would like to update an installed WebApp on a device, you will have just to republish it on the website. In a few minutes then a pop-up message will appear on the device informing about the updates received. 

Note: That in order for the WebApp to be updated, it needs to be opened on the device.


Avatar of CreaTusApps

CreaTusApps has written 103 articles

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>