Mizani Media Web Apps ( PWA) Overview

A Web App is a web-based app that users can access via their phone's browser. Web Apps are optimized for mobile devices, so they perform far better than full front-end sites. They're a great option for mobilizing existing websites and don't require any downloading.

Note: A Web App is not the same as a responsive website. A responsive website is a website that automatically changes to fit the device you're reading on. A Web App is a real app, but simply does not "live" on your phone. 

We provide Web Apps in an effort to reach non-iOS/Android users (Blackberry, Windows, etc.) who aren't able to install our native apps. Our Web Apps are accessible on any modern smartphone with internet access. However, there are a couple limitations:
  • Native features like call, camera, voice recording, etc. that use your phone's built-in capabilities will not be usable through a Web App.
  • Some tabs are incompatible with Web Apps. Though you'll see them in your iOS/Android apps, they won't appear in the Web App version of your app. Visit mizani for the full list of tabs supported.
  • How PWA Builder works
    PWA Builder is surprisingly easy to set up and use. There is no coding required on your part!
    Create a website that works as a native app!

    What is PWA?
    PWA or Progressive Web Applications are web apps that work and function like native apps, although they are built using HTML, CSS and Javascript like regular web pages do. Websites with the PWA support can be installed on users' home screen when using smartphones. Mobirise allows you to create websites with the PWA feature in seconds!

    Stacks Image 120944
    Install the PWA Builder extension. Open the Extensions list in the Mobirise app and find the PWA Builder extension in the list. If you already have the key for PWA Builder, redeem it. If you have the All-in-One kit, click on the Add button to install the extension.
    Stacks Image 120942
    Enable PWA
    Enable the Progressive Web App option in Site Settings. Once the extension is installed, this option is available.
    Stacks Image 120935
    • Set up the entry in DNS for the Custom Domain
      The entry MUST be a CNAME pointing to webapp.pwahosting.com. "ALIAS" records do not work at this time.  This means that the entry at this time must be a subdomain; that is to say, it cannot be the root domain. For example, "www.mizaniapps.com” is a subdomain of the root domain “apps.mizanimedia.com”.

      The name must be compliant with RFC 952; only numbers, letters and the hyphen ("-") are allowed. In particular, underscores are not allowed.
      We strongly recommend using the app customer's domain, not the reseller's nor a new domain. This helps give the client the best bang for the buck in terms of search results.

      The DNS provider must have CAA lookups implemented. (Almost all DNS providers do, but there are a few who don't.)
      If the client already has DNS set up, it will be easiest to add a subdomain to their existing DNS. If not, the reseller or client will need to set DNS up.

    • How can I optimize SEO for my web app (PWA)?
      Add a page Title or "Title Tag" to your web app (PWA).  The title of your web app and will be displayed within the title of your browser tab.  It will be used by search engines to index your web app. It is important to have a good title as this will positively influence your ranking and click through rate.

      Add a Description or "Meta Description Tag" to your web app (PWA).  The description of your web app as it is displayed in search results. Having a clear and concise description will result in more customers clicking through to your web app.  The recommended length is 150 characters.

      Add Keywords or "Meta Keywords" to your web app (PWA).  Keywords are used to index your web app. Separate them by using commas and spaces.  Yahoo and Bing are the only search engines still using this information. It has very little impact on your SEO. 

       Keywords should be no more than 20 words, separated by commas and spaces.

      If you would like to know more about Search Engine Optimization (SEO) as it relates to websites and the future of web apps (PWAs), check out Google's Search Engine Optimization Starter Guide.
    • Progressive Web App FAQ
      Mizani Apps, we're always looking to stay ahead of the curve when it comes to Mobile advancements. One of the biggest emerging mobile technologies in the last several years has been Progressive Web Apps (PWA's). 

      Q: What are Progressive Web Apps (PWA'S)? 

      PWA's are an all new user experience built into the most modern websites for the mobile focused future. Where responsive websites came before, PWA's provide fast, reliable and engaging experiences blurring the line between native apps and the web.

      Q: What are the benefits of PWA's?

      There are many benefits to Progressive Web Apps. First, they maximize the reach of your app. The PWA specific improvements work on almost every browser with commitments from all browsers to include support. Second, PWA's are fully indexable meaning they can be found via web search engines improving your apps discoverability. Additionally, they have other benefits including an increased performance with poor data connections, immediate software updates, and take up less space on your user's devices.

      Q: What's the difference between a HTML5 app and a PWA?

      In order for an HTML5 app to be considered a Progressive Web App, it needs to meet certain requirements. The PWA upgrade to our HTML5 software brings all of these features we have mentioned; push notifications, improved speeds, home screen install support, offline caching, performance improvements and more. 

      Q: Do you need internet access to use a PWA? 

      Progressive Web Apps will work in areas of low connectivity and certain characteristics will be cached for accessibility offline. However, similar to our native applications, the internet is necessary for dynamic content.

      Q: How can users access my PWA? 

      There are several ways to share your PWA with users. One option is to redirect the business' website to the PWA. Upon publishing your PWA app, a redirect script will be emailed to you. Simply add this script to the header of the front-end site's home page. When users visit the site, they can easily bookmark the page and save it on their device homes creen. PWA's are even more accessible than a native app, without the hassle of the app store! The PWA link can also be converted into a scannable QR code, sent via email or added as a hyperlink. 

      Q: What features are available on PWA's? 

      All features currently available for our Web Apps will be available for our progressive web apps. At this time, push notifications are not available on iOS devices due to Apple not including support, however Apple lists support is currently in development. 

      Q: Will we be able to use the Loyalty feature with PWA's?

      Yes, the loyalty feature is available for PWA. We'll also improve the feature by including the "User Onboarding" functionality which we plan to release with Mizani Media App , our next product update. 

      Q: Are we going to have access to app Analytics?

      Yes! Analytics for our Progressive Web Apps are already enabled and available within the Analytics section of your dashboard (HTML5).

      Q: Can Google analytics be integrated into PWA's?

      At this point in time, we have our own built-in analytics system which we plan to use moving forward. 

      Q: Is my PWA secure?

      In order to be a true PWA the URL is required to have an ssl certificate. This means your URL must start with https://

      Currently, we have a URL that anyone can use, with support coming for our clients who wish to purchase their own certificate and use their subdomain URL.

      Add your appcode to the end of this URL to access your PWA: https://webapp.mobileappco.org/m/

      Q: Why would a client want a PWA instead of an iOS app?

      While they diverge from the traditional app store, PWA's are actually more user friendly, easier to launch and adopt. Progressive Mobile Apps give you the same experience as iOS and Android mobile apps without the added friction, download, headache and costs. 

      One of the biggest benefits is increased discoverability. While apps can be easily lost in hustle and bustle of the iTunes app store, PWA apps can be found can be found via web search engines. 

      Additionally, PWA's are linkable/shareable, have low data requirements, improve SEO and do not require updates. 

      Q: Are Progressive Web Apps a step forward from native mobile apps?

      Progressive Mobile Apps are a step forward from the native mobile app, as they have all the benefits of a downloadable app, but without the friction that comes with it. PWAs can be built faster, at a lower cost, and the price in which you sell them will be determined on the value you are able to drive for a business (rather than the cost it takes to create them). For example, by using PWA's to increase customer loyalty, engagement, bring in new customers via easy discoverability and make sales through the app, the end price should be the same as the value is the same. The only difference is PWA's do not appear in the app store, so you could arguably say that these drive a higher return on investment because the reduced friction allows for a wider audience of people to adopt them.

      Q: How can I test the new Progressive Web Apps?

      Any app you've built on the mizani Apps platform already has a progressive mobile app version available! All you need to do is go into publishing and publish the app for "Web App"  to receive your progressive mobile app.

    Open all Close all