QrexOrder
  • Help Desk
  • Introduction
  • The Flow
  • Installation on Server
    • Configure Database
  • Installation on LocalHost
  • Update From an Older Version
  • 😍Order types (New)
  • 👉Most Important 3 steps for restaurant
  • Configuration
    • Configure Admin Panel
      • Configure Site Settings
      • Configure Packages
    • Email Configuration
      • Email Template
    • SMS Gateway Settings
    • Payment Gateways
    • OneSignal push notifications
    • Forgot Password for Customers
    • Demo Restaurant
    • 🤩POS
      • POS Settings
    • Restaurant subdomain
      • Custom Domain
      • Configure in Qrexorder
      • Sorry! Invalid URL / Domain
      • Custom Sub domains
    • Enable Chat
    • Malicious
    • Enable Multilingual home/landing page
  • Store configuration
    • Configure Store
    • Package QR Builder
    • Qr code Builder
    • Customer Panel
    • Staff
      • Delivery Staff
        • Cities
    • Google Map Api
    • Area/Location based shipping charge
    • Radius based delivery
    • Enable / Disable Customer Login In checkout page
    • Call a waiter
    • Chatting apps
    • Enable Order merge.
    • Pusher
    • Tips
    • Web push notification for new orders
    • Enable Multi-language Categories & Items
    • Configure reservation system
    • Create documentation for vendor/restaurants
    • Staff activities for vendor
    • Language for vendor
    • Reason List
    • Affiliate
    • Google ReCaptcha
    • Addons / Extras for an items
    • Menu List
  • OTP login
  • Qrexorder Limitation & Features
    • Requirements for QrexOrder
    • Limitation
    • Supports
    • Refund Policy
    • Language / translation
  • FAQS
    • Registration not working
    • How QR Builder works
    • Add Extras / Toppings
    • Landing Page Images
    • Checkout Page not working properly
    • Enable nearby & search
    • How can I give Rating
    • How "Add to Home screen" / "PWA " works?
    • Add Google fonts & Google API keys
    • Clone / Duplicate Product
    • Re-order & Edit order from restaurant
    • WhatsApp
      • WhatsApp Share
      • WhatsApp message
    • How Change domain works?
    • 👉Enable/Disable Development Mode
  • ⚠️Error while importing the database?
  • Add variants/sizes
  • Updates & Change Logs
    • Version 1.9
    • Version v2.0
    • Version v2.1
    • Version 2.8
    • Change Logs
  • Notifications
    • Email Notifications
    • Custom Notification & restaurant Details
    • Error Handling
  • Important things to do after update
Powered by GitBook
On this page
  • What is a PWA?
  • Add to Home screen on Chrome on Android Device
  • Add to Home screen on Safari browser on iOS device
  • How to Enable PWA from admin panel
  • How to install in frontend (Smartphone)

Was this helpful?

  1. FAQS

How "Add to Home screen" / "PWA " works?

PreviousHow can I give RatingNextAdd Google fonts & Google API keys

Last updated 2 years ago

Was this helpful?

What is a PWA?

Progressive Web Apps(PWA) use modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, maintaining the web's low friction at every moment.

QrexOrder is a Progressive Web Application (PWA).

Add to Home screen on Chrome on Android Device

When a user loads up your website for the first time, they get a "Add to Home screen" popup on their screen. This popup is automatically shown when the browser detects that the website is a PWA

This automatic popup can not be shown again if it is not clicked or ignored. It is also shown only once after 10-15 seconds of user interactivity on the first load of the website. If the user misses clicking the popup or ignores it, later then can click on the three dots buttonon the top-right corner of chrome browser and click "Add to Home screen"

Add to Home screen on Safari browser on iOS device

  1. Make sure that you have cleared the browsing data.

  2. Visit the website that you have installed PWA Note: Currently like as on Chrome for Android and other browsers on Android, there’s no inbuilt prompt to show Add to Homescreen for iOS devices. Due to that reason you need to manually add the PWA to your Homescreen.

  3. Tap the Share button (at the browser options)

  4. From the options tap the Add to Homescreen option, you can notice an icon of the website or screenshot of website added to your devices Homescreen instantly

  5. Tap the icon from Homescreen, then the Progressive Web App of your website will be loaded.

  6. You cannot see the Splash Screen with icon and background color which you set upon Manifest right now, as both are not supported upon iOS.

  7. Upon PWA navigate via some of the web pages you like, after that disconnect the internet on your iOS device and close the web app

  8. After that tap the web app icon again, you can notice that all the pages which you viewed earlier during online can be viewed and all the pages that you haven’t viewed will showed by an Offline page that you set upon the service worker.

How to Enable PWA from admin panel

  1. Admin > settings > preference Turn on PWA

  2. Click PWA From right sidebar and set you information. Make sure PWA in activated

For Restaurant.

Click PWA From right sidebar and set you information. Make sure PWA in activated

How to install in frontend (Smartphone)

In Pc / Laptop

From Mobile version