Una Progressive Web App (PWA) è un'applicazione web che consente di offrire agli utenti su dispositivi mobili un'esperienza simile a quella di un'app nativa, garantendo loro una navigazione veloce, fluida e coinvolgente sul tuo sito.
Le PWA si caricano istantaneamente, rispondono rapidamente alle interazioni dell'utente e si comportano come una normale app. Non necessitano di un app store per l'installazione e consentono agli utenti di accedere nuovamente al sito all'istante, anche quando il dispositivo è offline.
Nota:
- Le PWA possono essere abilitate solo sui siti HTTPS. Per ulteriori informazioni, consulta la sezione Aggiungere SSL o HTTPS.
- Le PWA sono supportate su Chrome per Android. Se le PWA sono abilitate, il browser chiede automaticamente all'utente se desidera aggiungere il sito alla schermata iniziale.
- È possibile aggiungere PWA anche su dispositivi iOS con versione 11.3. Tuttavia, poiché il messaggio automatico "aggiungi alla schermata" da parte del browser non è ancora disponibile, gli utenti dovranno aggiungere le PWA manualmente. Per ulteriori informazioni su come procedere, visita il supporto Apple.
Per attivare la funzionalità PWA:
- Nel pannello di sinistra, fai clic su Impostazioni e poi su Progressive Web App (PWA).
- Fai clic sull'interruttore Attiva Progressive Web App. Una volta attivata la PWA per un sito, puoi configurare le seguenti impostazioni:
- Nome. Questo è il nome visualizzato nella schermata iniziale e nel messaggio "Aggiungi alla schermata iniziale". Può contenere fino a 60 caratteri.
- Nome abbreviato. Questo è il nome utilizzato quando non c'è spazio sufficiente per visualizzare il nome completo; ad esempio, nella schermata iniziale di un dispositivo mobile. Il nome può contenere fino a 60 caratteri, ma consigliamo di renderlo il più breve possibile.
- Icona. Questa è l'icona che appare sulla schermata iniziale del dispositivo mobile e sulla schermata di avvio all'avvio dell'app. Deve avere una larghezza di almeno 192 pixel ed essere in formato .png.
- Colore di sfondo della schermata iniziale. Questo è il colore che appare durante il caricamento del sito.
Quando un utente accede a un sito abilitato per le PWA dal proprio dispositivo mobile, visualizzerà un pulsante "Aggiungi alla schermata iniziale" sotto il sito. Una volta aggiunta alla schermata iniziale, l'icona verrà visualizzata sul dispositivo per un accesso rapido al sito (in modo simile a un'app).
L'utente può ora accedere nuovamente al sito utilizzando questa icona, anche se il dispositivo è offline.
