Foodomaa®
  • Introduction
  • The Flow
  • Installation
    • Installation on Server
    • Installation on LocalHost
    • Update From an Older Version
  • Configurations
    • Google Maps API Keys
    • Google Distance Matrix API
    • SMS Gateway Settings
    • Push Notification Keys
    • One Signal Setup for Store Dashboard Notification
    • Changing customer and delivery application name
    • Email Configuration
    • Cache Configuration
    • Promo Sliders
    • Category Slider and Filters
    • Social Login
    • Store Scheduling (Open/Close)
  • FAQs
    • Zones in Foodomaa
    • White Screen Issues
    • Push Notifications & Alerts
    • How are Stores shown to the Customers?
    • Bulk CSV Upload
    • StoreOwner Dashboard Translations
    • How "Add to Homescreen" works?
    • How does Wallet works?
    • When is the next update?
    • Creating and Linking Pages
    • Razorpay Webhooks
  • Advanced Usage
    • Using the Full Source Code
  • Premium Modules
    • SuperCache Module
    • Delivery Area Pro Module
    • Thermal Printer Module
    • Call And Order Module
    • Order Schedule Module
  • Extras
    • Change Log
    • Change Log (old)
    • Requirements for Foodomaa
    • Limitations
    • Scope of Support
    • Refund Policy
    • License
Powered by GitBook
On this page
  • What is a PWA?
  • Add to Homescreen on Chrome on Android Device
  • Add to Homescreen on Safari browser on iOS device
  • Why a Native iOS Popup cannot be shown?

Was this helpful?

  1. FAQs

How "Add to Homescreen" works?

PreviousStoreOwner Dashboard TranslationsNextHow does Wallet works?

Last updated 4 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.

Foodomaa is a Progressive Web Application (PWA).

Add to Homescreen on Chrome on Android Device

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

Add to Homescreen on Safari browser on iOS device

From the Foodomaa release v2.1.0 onwards we support custom iOS Add To Homescreen Popup message.

This can be enabled from Admin > Settings > Customer Application > Show Custom iOS Add To Homescreen Popup

The texts in this message can be configured from Admin > Modules > Translations > Edit your Language translation.

Why a Native iOS Popup cannot be shown?

As of July 2020, iOS does not have full support for PWAs. They still do not support major PWA functionalities like Add to Homescreen and PushAPIs.

Therefore, on an iOS device, the automatic popup for Add to Homescreen cannot be shown.

The user on an iOS device needs to click on the Share Button on Safari and then click on "Add to Homescreen".

Here's a demo for that:

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 Homescreen"