Joomla Progressive Web App Maker - User Guide & Documentation

Joomla Progressive Web App Maker is an easy to use extension.
Below you will find general information and frequently asked questions. These will make it easier for you to use the extension..
If you can't find the answer to your question here, please create a support ticket.

This documentation:
Created on : 20 January 2020, Monday
Last updated on : 01 February 2020, Saturday
Current Version : 1.0.5
If you haven't downloaded this product yet, click the link for more information and features. Joomla Progressive Web App Maker.

Please click on the title for details..

Type : Plugin
Compatibility : Joomla 3.x.x and Joomla 4 Alpha Compatible
You can download the extension immediately after purchase. During your subscription period, after logging in with your username and password, you can download the latest version of extension via the download board.
  1. Download
  2. Unzip the package and you will find - Extension to use at your Joomla site

Please Unzip First the package

Inside the package you will see the extension (for joomla 3). For joomla 4 you need to upolad the J4 js

Install the extension via Joomla Installer at Joomla Administrator area. Installer can be found at administrator/index.php?option=com_installer

After successful installation you will get a success message.  Now the pluginis available to use.  You can find the module at PluginManager. ( administrator/index.php?option=com_plugins )

At module manager make a search for Plugin title : Progressive Web App Maker

Click on to the plugin title and open the plugin

All extension parameters are well-explained. All you need to do is rolling your mouse over the parameter title. A info window will show parameter title and a short description about parameter.

Sometimes, when it is necessary we add notes before the parameter to make it more clear for users.

You application name will be used under the Application Icon, at Mobile Device, when user add your website to the mobile device

Application Short Name also will be used at when there is a problem with name.

IMPORTANT : If you are using ExtensionCoder Push Notification Component, you can find the application name Apps section easily. You can copy and paste the url below : 

Select the best fitting colors for the splash screens.

You will upload your app icons, just take care that the background color is different than the app icon colors

Please add at least one Image for manifest file. It is recommended to add both the images.

This app icons will be used for the mobile device homescreen.

You can enable or dişsable the loaders.

Enable the loader for a better user-experience.

You can disable the loader if you do not want to show a transition between the pages.

It is highly recommended to enable it.

You can upload your own loader icon or use the default CSS3 Animation.

If you are using default loader, you cna select a color for the loader image which created by CSS3

You can upload your own custom loader image / icon.

PNG file is recommended

You can enter here your FCM Sender ID.


If you are using ExtensionCoder Push Notification, please write here only : 482941778795

No Internet Connection