Activate PWA

What is PWA?

Progressive Web App (PWA) is a technology that enables your web application to work more like a native app on various devices, providing users with a seamless and enhanced experience. Unlike traditional web apps, PWAs can be installed on a user's device and accessed from their home screen, just like native apps. PWAs are designed to work offline, load quickly, and offer features like push notifications.

How PWA Works

When PWA is enabled in your script, users can install it on their devices if their browser supports this feature. However, it's important to note that not all devices and browsers support PWA installations. Below, we'll explain how to enable PWA and the devices where it can be installed.

Activating PWA

• To activate PWA functionality, follow these steps:
• Go to Admin Dashboard: Log in to your admin dashboard.
• Click on Settings: Navigate to the settings section.
• Click on PWA: Locate the PWA settings within the dashboard.
• Enable PWA: Select "Yes" to enable PWA functionality.
• Set Default Chat Room: Choose one of your chat rooms to be the default chat room for the PWA.
• PWA Icon Size: Ensure that the PWA icon size is set to Width: 192px & Height: 192px.
• Click on Update: Save your settings.

Installing PWA

Now, let's clarify on which devices and browsers users can install the PWA:

Supported Devices and Browsers: https://caniuse.com/?search=PWA

Installing on Android Devices (Google Chrome)

• Open the PWA-supported website in Google Chrome on your Android device.
• You should see a prompt or icon in the browser menu to "Add to Home Screen" or "Install."
• Click on the prompt to install the PWA on your device's home screen.

Installing on iOS Devices (Safari)

• Unfortunately, iOS devices have limited PWA support as of now. Users can add the website to their home screen, but it won't function as a full PWA with offline capabilities and push notifications on iOS.

Installing on Desktop (Microsoft Edge)

• Open the PWA-supported website in Microsoft Edge on your Windows desktop.
• Look for the "Install" option in the browser menu or address bar.
• Click on "Install" to add the PWA to your desktop for easy access.

Please note that PWA support and installation methods may evolve over time as browser technology and standards change. Ensure that your users are using compatible browsers for the best PWA experience.