Comment transformer son site WordPress en application mobile ?

 

Comment transformer son site WordPress en application mobile

Vous avez un site WordPress et vous cherchez un moyen de pouvoir le transformer à une application web et mobile que vous allez pouvoir déployer sur les marketplace comme Google play Store ou l'App Store application pour mettre et installer sur les Android tout comme sur les iPhone. J'ai moi aussi longtemps chercher un moyen de transformer mon site en application et j'ai fini de trouver une vidéo sur YouTube qui expliquer comment transformer n'importe une application mobile qui peut être utilisé facilement sur téléphone et  aujourd'hui dans cet article tu vas découvrir comment toi aussi  tu pourras utiliser la méthode enseignée dans cette vidéo et transformer ton site WordPress en, une application mobile. Pour la structuration de cet article, nous allons voir les étapes suivantes dans l'ordre chronologique.

1. Pourquoi transformer son site en application mobile ?
2. Comment transformer son site en application mobiles
3. Comment publier son site sur play store ou app store
4. FAQ
5. Conclusion

1- Pourquoi transformer son site en application mobile

Il y a plusieurs avantages à transformer un site en application mobile :

Meilleure expérience utilisateur : Les applications mobiles sont spécialement conçues pour les appareils mobiles, ce qui signifie qu'elles sont optimisées pour offrir une expérience utilisateur améliorée. Les applications mobiles sont souvent plus rapides et plus fluides que les sites web, offrant une meilleure expérience de navigation et une meilleure interactivité.

Notification push : Les applications mobiles peuvent envoyer des notifications push aux utilisateurs pour les informer de nouveaux contenus, de promotions ou de mises à jour importantes. Les notifications push sont un excellent moyen de maintenir les utilisateurs engagés et de les encourager à revenir sur l'application.

Accès hors ligne : Les applications mobiles peuvent être utilisées hors ligne, ce qui signifie que les utilisateurs peuvent accéder à certaines fonctionnalités de l'application même lorsque leur appareil n'est pas connecté à Internet. Cela peut être utile pour les utilisateurs qui ont une connexion Internet limitée ou qui sont en déplacement.

Plus grande visibilité : Les applications mobiles sont souvent répertoriées sur les app stores tels que l'App Store d'Apple et le Google Play Store, ce qui peut aider à accroître la visibilité de votre marque et à atteindre de nouveaux utilisateurs.

2- Comment transformer son site en application ?

Pour transformer votre site WordPress en application mobile, vous devez installer une extension de progressive web app sur votre site. Il en existe plusieurs comme :

• PWA for PWP & APM
• Super Progressive Web Apps
• Hyper PWA
• PWA easy way to progressive web app
• PWA for wordpress
• PWA + AMP
• Progressive Web App

Mais pour cet article, nous allons uniquement parlé de PWA for PWP qui est l'extension que j'ai utilisé pour transformer mon site en application web.

C'est quoi PWA for PWP ?

PWA for PWP est le plugin wordpress offrir à votre public une expérience semblable à celle d'une application, ce qui amènera votre site Web sur son écran d'accueil et fonctionnera instantanément comme une application avec un support hors ligne.

Les caractéristiques de l'extension

• Service Worker : Nous avons développé un service worker qui s'installe automatiquement en arrière-plan et effectue les actions nécessaires telles que la mise en cache des objets externes pour réduire les requêtes et plus encore.
• Bannières APP sur l'écran d'accueil : avertit automatiquement votre visiteur pour obtenir la version APP du site Web qui est directement ajoutée à la liste des applications et à l'écran d'accueil. Vous pouvez également personnaliser les icônes pour cela.
• Web App Manifest : Le fichier Manifest est nécessaire pour déployer cette fonctionnalité et nous l'avons rendu automatique et connecté aux options PWA.
• Support hors ligne : La version PWA de votre site se chargera très rapidement même lorsque l'utilisateur est hors ligne. Une fois que l'utilisateur est en ligne, il mettra à nouveau à jour le contenu. Il comptera également les analyses et les mettra à jour lorsque l'utilisateur se reconnectera.
• Plein écran et écran de démarrage : Lorsque vous ouvrez la version PWA depuis le mobile, elle se charge en plein écran sans aucune barre d'outils du navigateur, ce qui lui donne une application native comme la version PWA. Il y a aussi un écran de bienvenue totalement personnalisable.

Comment télécharger et installer l'extension ?

Methode 1

Pour télécharger l'extension, il vous suffit de suivre les épisodes ci dessous :

• Allez sur WordPress.org/plugin ou clique ici
• Rechercher *PWA for PWP* dans la barre de recherche
• Cliquez sur le résultat de recherche, indiquant l'extension.
• Téléchargez le fichier de l'extension
• Rendez-vous dans votre tableau de bord, dans la section extension, ajouter puis téléverser.
• Une fois l'extension installée, activé le.

Methode 2

Une autre méthode pour installer l'extension est simplement d'allé dans la section extension de votre tableau de bord WordPress.

• Cliquez sur ajouter
• Recherchez dans la barre de recherche *PWA for PWP* 
• Appuyez sur installer puis sur activé.

Maintenant que vous avez installé puis activé l'extension, vous devez maintenant le configurer pour transformer votre site en une application.

Il y aura une nouvelle section nommé " PWA for PWP" dans votre tableau de bord WordPress. Cliquez dessus pour ouvrir les paramètres de configuration.

Faites la configuration suivante

Status ✔

Enable / Disable ✔

Manifest     ✔

Service Worker ✔

HTTPS   ✔

Faites ensuite le setup de votre application, Nom, description, Logo, Flash screen, page pour hors ligne puis enregistrez

Activez ensuite les notifications sur votre application (optionnel) pour notifier vos abonnés à chaque sortie d'arcticles.

• Custom Add To Home Banner

C'est ici que vous allez pouvoir ajouter le bouton qui fait l'appel à l'action pour ajouter son application.

Vous devrez l'activer, choisir un titre pour comme appel à l'action, le texte de bouton pour installer la web app ainsi que sa couleur.

Maintenant, une fois qu'un visiteurs arrivera sur votre site, il verra un bouton qui lui demande d'installation votre site comme application sur son téléphone.

Cela installera automatiquement l'application dans l'écran d'accueil du téléphone et s'affichera comment une véritable application native avec le logo, et le flash screen que vous avez défini dans votre configuration.

4- Comment publier son application sur play store ?

Maintenant, vous avez créé la progressive web app sur votre site et vous pouvez l'ajouter en cliquant sur le bouton "ajouter" sur votre site.

Ce qui serait mieux est de créer un fichier apk de votre application et pourquoi pas de le publier sur Google play store ou app store.

Pour faire cela, nous allons utiliser  un service tier, appelé PWA BUILDER

il s'agit d'un service mit en place par Microsoft et Google pour permettre de transformer les progressives web app en application web et mobile.

Vous pouvoir utiliser ce service, vous devez au préalable remplir les conditions précédentes en vue de créer la progressive web app de votre site. Une fois que c'est fait, suivez les étapes ci-dessous pour générer votre application en fichier apk.

• Entez l'url de votre site puis cliquez sur "Start"
• Le site va annalyse votre progressive web app et si tout est bon, vous cliquez sur "Packages for store"
• Sélectionnez votre store
• Cliquez sur le bouton "Générate the app" après avoir renseigné les infos de votre application (nom, description, logo) par défaut celui de la progressive web app sera choisi.
• Télécharger votre application qui est générée

Une fois que vous aurez le fichier apk de votre application, il restera qu'à de déployer sur les stores. Mais pour sera, vous devez ouvrir un compte développeur sur Google play store qui coûte 25€ et vous permet de publier un nombre illimité d'applications.

Pour ma part je n'ai pas encore publié mon application sur Google play store, donc je ne saurai vous dire exactement la méthode à suivre.

Vous pouvez suivre un tutoriel sur youtube pour apprendre à le faire. Mais si vous avez le temps, bientôt quand j'aurai mis mon application en ligne sur play store je ferai un article détaillé pour vous montrer exactement la méthode à suivre pour réussir la publication de son application, pour le moment vous pouvez partager votre fichier apk, a tout le monde et le faire installer.

5- FAQ

Q: Combien de temps pour créer son apk, avec la progressive web app

R: le système peut prendre jusqu'à 10 min en fonction de la taille de votre site web

Q: Comment publier son application sur play store ?

R: vous devez d'abord créer le fichier apk de votre site puis en suite de vous inscrire à un compte développeur chez Google play store ou app store.

Q: Combien coûte la publication de l'application ?

R: la création d'un compte développeur coûte 25€ chez Google play mais avec ce compte vous pouvez publier autant d'applications que vous voulez.

Conclusion

C'est la fin de cet article les amis, dans le quel nous avons vu comment vous pouvez transformer votre site WordPress en sur Super progressive web app puis en suite en une application mobile native que vous pouvez publier sur Google play store ou app store.

Si cet article vous a apporté la solution que vous recherchez, vous pouvez le partager sur votre profil Facebook, et si vous avez des questions n'hésitez pas à me les poser en commentaire. Quand à moi je vous dis à la prochaine dans un nouvel article sur le blog, ciao.