====== Comment transformer mon site en appli ? ======

> Ajouter un raccourci à l'écran d'accueil

Cette documentation est en cours de construction, les éléments repérés par le symbol FIXME seront complétés prochainement.

===== Objectif =====

Vous l'avez déjà certainement remarqué en navigant sur Internet, certains site vous propose d'**Ajouter un raccourci à l'écran d'accueil.**

Il s'agit d'ajouter un raccourci sur votre smartphone vers une Progressive Web Application (PWA).

La PWA d'Amapress vous permettra d'intégrer une version optimisée de votre site pour un chargement plus rapide des pages. Le site est affiché sans le contexte de l’interface du navigateur : format plein écran, cela permet une meilleurs lisibilité.

Pour les amapiens équipés de smartphones, ils auront ainsi un accès direct vers le site de l'Amap et l'utiliser lors d'une disptribution par exemple.


===== Prérequis =====

Avoir finalisé la configuration d’Amapress et du site.

👉 [[:admin:etat_amapress|]]

===== Configuration Admin =====

Retrouvez les réglages PWA dans l’ ►**Etat d’Amapress, section 3/ Configuration**.
==== Activez les plugin PWA et Autoptmize ====

  * Cliquez sur ►**Progressive Web App __(Installer) __ **
  * Cliquez sur ►**Autoptimize __(Installer) __ **

FIXME L'ergonomie de cette section est en cours d'amélioration

{{:admin:8727ecacc38dd4cff365dd59ff240346.png}}

==== Configuration Progressive Web App ====

Donnez un nom court à l'appli de votre site et choisissez les paramètres qui vous conviennent.

Vous pouvez laisser la configuration par défaut et ►**Enregistrer**

{{:admin:355f8624a164225a16fa32c8b8c776bf.png}}

==== Configuration Autoptimize ====

Accessible depuis ►**Tableau de bord>Réglages>Options d’Autoptimize**

=== Javascript ===

Cochez la case **►Optimisez le code Javascript ?**  et laissez les paramètres par défaut.

{{:admin:2b8742a41d1098450c98055c14d90c7d.png}}

=== CSS ===

Cochez la case **►****Optimisez le code CSS ?**  et laissez les paramètres par défaut.

{{:admin:392a2cc162251fd22cd5a6efc23ade66.png}}

{{:admin:f44e40a0148a438ba62b6846ad32f71f.png}}

=== HTML ===

Cochez la case **►****Optimisez le code HTML ?**  et laissez les paramètres par défaut.

> Cliquez sur ►**Enregistrer les modifications et vider le cache**