PWA Settings

In this guide you will learn how to do pwa settings from admin dashboard.

What is PWA?

PWA stands for Progressive Web Application. It is a type of application software delivered through the web, built using common web technologies including HTML, CSS, and JavaScript. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices.

Why do I need it?

One reason users love apps is they generally offer better experiences than web applications. However, developing and maintaining native apps is a lot of work, not to mention the expenses involved.

If your users use different platforms (Android, iOS, etc.), you have to code your app for each platform.

PWAs, however, don’t require you to code for each platform. They were designed with the philosophy of “code once, use everywhere.” Once you code your PWA, it can be used in-browser (as a website or web app), on desktops, and on mobile devices.

How to Setup PWA?

Go to your project and log in as admin.

  • Go to Admin Dashboard->Site Settings->PWA Settings.

  • Here, you will be able to change the PWA Settings like PWA enable or not, App Name, Theme color for header, Background color, and shortcut icon, etc.

  • Here, you can update the icon, and also icons size should be 512*512.

  • Splash icon size should be 2048*2732.

Last updated