MOP - Portfolio
  • Introduction
  • Installation
    • The Flow
    • Installation on Server
      • Configure Database
      • Installation on LocalHost
    • Update From an Older Version
  • Configurations
    • Configure Admin Panel
      • Configure Site Settings
      • Configure Packages
    • Email Configuration
  • User Configuration
    • User Configuration
    • Services
    • Customers
    • vCard Builder
    • User's subdomain (server)
      • Custom Domain
      • Configure in MOP
      • Sorry! Invalid URL / Domain
  • FAQS
    • Add More Icons
    • Add Same Icon for multiple times
    • Registration not working
    • How to place an Order
    • Enable demo link and vCard preview
    • How "Add to Home screen" works?
    • Add ShareThis Share
    • Image sizes
    • Enable/Disable Development Mode
  • limitations & features
    • Server Requirements
    • Limitations
    • Supports
    • Refund Policy
  • Updates
    • Update - 3.6
    • Update - 3.7
    • Update 4.1*
  • Change Logs
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

Was this helpful?

  1. FAQS

How "Add to Home screen" works?

PreviousEnable demo link and vCard previewNextAdd ShareThis Share

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.

MOP-My Portfolio 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

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 users.

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

How to install in frontend

This automatic popup cannot 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"

Enabled PWA over android device
Enable PWA in IOS
click on the red mark