# Installation Experience — Progressive Web Apps: Offline, Installable Web Apps

Source: https://www.skillbyai.com/hi/pwa/pwa-installation

> Users को अपने home screen पर PWA को add करने देने के लिए install prompts और handling को implement करें।

## Installation Flow

Installability criteria पूरे होने पर browsers install prompt दिखाते हैं: HTTPS, name, icons और start_url वाला valid manifest, और (कुछ browsers में) service worker। आप prompt कब और कैसे दिखे यह customize कर सकते हैं।

## Install prompt को handle करें

beforeinstallprompt event को listen करके custom install button दिखाएँ।

```javascript
let deferredPrompt;

window.addEventListener('beforeinstallprompt', e => {
  e.preventDefault();
  deferredPrompt = e;
  // Show your custom install button
  installBtn.style.display = 'block';
});

installBtn.addEventListener('click', () => {
  deferredPrompt.prompt();
  deferredPrompt.userChoice.then(choice => {
    if (choice.outcome === 'accepted') {
      console.log('App installed!');
    }
  });
});
```

Output:

```
Custom install button triggers native install prompt on click.
```

## एक आम गलती

केवल तब install prompts दिखाएँ जब users आपके app के साथ engage करें। Too-eager prompts को dismiss किया जाता है और कई दिनों के लिए फिर से नहीं दिखाया जा सकता।