Make your PWA Private

Make your PWA Private


1. Set a Password Restriction to Access your PWA

1. Go to the menu Publish > PWA > Publish

2. Activate the password restriction


3. Fill in an explanatory message your visitor will see when reaching your PWA
4. Fill in the password that will be needed to access your PWA
5. Fill in the text displayed inside the validation button
6. Click "Save"


Your visitors will then have to fill in the password set to be able to access your PWA as shown in the example below:


Important:
- The password is unique and is the same for all visitors.
- A cookie is installed on the browser once the password had been filled in once.
It won't be asked again, unless you edit the password from your backend.
- The fonts and validation button's design can not be customized.
- Google bot cannot access your PWA when it is restricted.
- This feature is applied automatically, no need to rebuild your PWA or update its settings.


2. Set a Restriction to Access your PWA via the Users Extension

You can ask users to sign in and register to your app, in order to access your PWA.
For more information, please read our online helps dedicated to this extension.


    • Related Articles

    • Head Tag | PWA

      In the menu Settings > Other Settings > Head tags, you can add HTML code to the head tag of your Progressive Web App (PWA). This code will be displayed on all your PWA pages. You can for instance add meta tags in this field to declare your PWA to ...
    • SEO-Basic Notions and General Settings

      1. What is SEO? Having good or favorable SEO means that your web app comes up as one of the first results returned by search engines when someone types the keywords you're aiming to be positioned around. When search engines turn up results, they are ...
    • Cookies Warning

      Cookies are small files that are stored on a user's browser. The data that cookies store is usually some type of tracking information to help the website perform various tasks, such as managing a session ID when you sign in or tracking cookies if ...
    • Add your PWA's Icon to a Home Screen

      1. Android 1/ Add an image in the menu Design & Structure > Design > General Design > Icon :: PWA > Apple Touch Icon. 2/ Regenerate your PWA to link this image to your PWA. Chrome browser will display an “Add to Home screen” popup automatically once ...
    • Progressive Web App (PWA) Publication - General Information

      1. What is a Progressive Web APP (PWA)? Progressive Web Apps (PWA) can run on any device and have the capacity to totally adapt themselves to the screen they're being viewed on. PWA's are developed with web technologies and are accessible from all ...