Pourquoi faire une application en premier lieu, je vous entends demander ? Les applications ne sont peut-être plus très utiles pour le marketing, mais elles sont très pratiques pour vos clients – leur donnant plus de choix quant à la façon dont ils interagissent avec votre site. Avec l’essor continu de l’Internet mobile (plus de personnes accèdent désormais à Internet via des applications mobiles que des ordinateurs de bureau), les applications fleurissent, car la plupart sont loin d’être aussi gênantes ou problématiques que les navigateurs Web mobiles.
Le coût et la frustration liés à la construction d’un appareil ont également considérablement diminué. Autrefois, de nombreuses entreprises s’intéressaient aux applications, mais la plupart n’étaient pas en mesure de les créer. C’était tout simplement trop difficile. Ou coûteux (la plupart des développeurs facturent plus de 100 $ par heure)
Mais heureusement, les choses sont différentes maintenant. Vous n’avez plus besoin de beaucoup d’argent ou de connaissances en codage pour créer une application compétente. Et encore mieux – vous avez des options. Aujourd’hui, nous allons voir :
- S’assurer que votre site WordPress est adapté aux mobiles
- Construire (et coder) votre propre application avec PhoneGap
- Utilisez un plugin WordPress pour créer votre application (c’est aussi simple)
Une note sur les générateurs d’applications gratuits
Au cours des dernières années, une tonne d’options « gratuites » pour créer une application sont apparues, mais l’une des plus fiables est La version PhoneGap d’Adobe. Comme leur site l’annonce, il vous suffit de télécharger vos fichiers HTML5, CSS et JavaScript et le site se chargera de les assembler dans une application téléchargeable immédiatement. Mieux encore, il peut en créer trois simultanément pour Android, Windows Phone 8 et iOS, ce qui vous fait gagner beaucoup de temps.
Le résultat ne sera pas trop fantaisiste. En fait, cette méthode ne fait que déguiser votre page d’accueil en application. Lorsque le spectateur appuie sur l’icône, il est simplement redirigé vers le même site Web mobile qu’il verrait s’il y avait accès via le navigateur de son téléphone. Ainsi, pour que cette méthode soit efficace, vous devez disposer d’un site existant optimisé pour l’affichage mobile.
1. Assurez-vous que votre site WordPress a une version mobile
Si votre site WordPress n’est pas optimisé pour les appareils mobiles, cela ne sert à rien. Alors optimisez-le ! Bien sûr, il est plus facile d’utiliser simplement un thème WordPress réactif pour mobile comme Le total. Mais si votre thème n’est pas réactif, il existe de nombreux plugins qui peuvent vous aider.
iThèmes mobiles
iThemes Mobile vous permettra de créer des thèmes mobiles simples mais efficaces basés sur la conception actuelle de votre site. Le panneau d’administration vous permet de personnaliser la plupart des aspects de leur apparence sans avoir à modifier le code.
Tout sélecteur de thème mobile
Any Mobile Theme Switcher est un plugin de base qui détectera l’appareil utilisé par votre spectateur et affichera un thème spécifique pour cet appareil. Donc, si vous souhaitez équilibrer plusieurs thèmes – un pour chaque système d’exploitation mobile – vous pouvez le faire de cette façon.
Pack mobile WordPress
Enfin, il y a le WordPress Mobile Pack, qui offre une multitude d’applications Web mobiles multiplateformes, des options d’interface utilisateur et de thème, et une intégration facile avec Google Analytics.
2. Utilisez PhoneGap Build pour créer une application
Si vous êtes féru de technologie et que vous souhaitez vous familiariser avec, vous pouvez utiliser Adobe PhoneGap pour créer une application pour votre site Web WordPress. Adobe propose un guide complet étape par étape dans sa documentation, mais voici un aperçu des étapes à suivre.
Étape 1 : Préparation
Avant de commencer, assurez-vous d’avoir un moyen de tester votre application sous la main. Vous pouvez utiliser les outils de développement du navigateur pour imiter les vues des appareils mobiles ou essayer un service comme Tests de navigateurs croisés. Mais si vous pouvez gérer, il est vraiment préférable d’avoir un appareil iOS et Android à portée de main.
Ensuite, vous devrez installer Adobe PhoneGap Build sur ton ordinateur. Cliquez pour télécharger la version Mac ou PC et suivez les invites à l’écran. Adobe suggère également d’installer un Application développeur PhoneGap afin que vous puissiez tester instantanément votre application au fur et à mesure que vous la créez.
Étape 2 : Créez votre application
Utilisez ensuite le programme PhoneGap pour créez votre application. Veuillez noter que PhoneGap est basé sur Cordova, vous devrez donc le comprendre pour coder réellement votre application.
Choisissez parmi un exemple par défaut « Hello World », Framework7, Push Notification, React Hot Loader ou un modèle vierge pour commencer. Ensuite, vous devrez choisir où sur votre disque dur local vous allez travailler sur votre projet, et fournir un nom et un identifiant. Lorsque vous avez terminé, PhoneGap vous fournira une adresse de serveur que vous pourrez utiliser pour afficher votre application.
Pour vous donner un aperçu, votre répertoire racine aura besoin de fichiers clés pour que PhoneGap crée réellement votre application. Plus précisément, vos dossiers index.html (au minimum), config.xml et sous-répertoire (ce dernier est spécifique au système d’exploitation).
Voici un exemple directement de l’application PhoneGap structure du projet page:
Vous devrez également créer vos propres icônes. Vous pouvez bien sûr gérer cela vous-même ou utiliser un outil en ligne gratuit. IcônesFlow est un excellent outil pour vous aider à créer rapidement des icônes d’applications professionnelles à l’aide d’images prédéfinies, d’options de couleurs, de dégradés, etc. Concevez simplement votre icône, créez un compte gratuit et téléchargez vos fichiers. Si vous avez déjà une icône mais que vous avez besoin de la redimensionner pour tous les appareils et systèmes d’exploitation, la version gratuite Créateur d’icônes d’applications peut faire exactement cela. Mais si vous effectuez une recherche rapide sur Google, vous découvrirez qu’il existe de nombreux autres sites Web, services et applications parmi lesquels choisir pour créer votre icône.
Étape 3 : tester votre application
Une fois votre application terminée et prête à l’emploi, vous pouvez la tester à l’aide de l’application PhoneGap Developer installée précédemment. Assurez-vous d’utiliser l’adresse du serveur qui a été fournie. À partir de là, vous pouvez afficher votre application sur votre appareil mobile, résoudre tout problème, ajouter des correctifs, télécharger à nouveau et reconstruire jusqu’à ce qu’il soit parfait.
Remarque importante : PhoneGap Builder ne peut fonctionner avec iOS que si vous avez rejoint le programme de développement iOS (qui était au prix de 99 $/an au moment de la rédaction de cet article) et fourni vos certificats. Avec le logiciel du programme, vous pouvez réellement créer l’application vous-même. Mais la raison pour laquelle nous suggérons PhoneGap est que vous pouvez gagner du temps en faisant les trois à la fois, ce qui élimine le besoin de les faire séparément. Alors oui, vous payez pour un tas de services que vous n’utiliserez peut-être pas, mais si vous voulez votre application sur n’importe quel iProduct, ils vous ont en quelque sorte plus d’un baril ici.
3. Utilisez des générateurs d’applications alternatifs pour WordPress
En plus des outils d’iOS, vous pouvez utiliser de nombreux autres services et plug-ins de création d’applications. C’est beaucoup plus facile que de créer une application vous-même. Certains d’entre eux construiront également (au moins) une application Android sans frais. Bien que vous deviez absolument vérifier le site principal du développeur pour être sûr.
AppMonSite
Créez une application pour votre site Web avec AppMySite. Ce plugin et ce service faciles à utiliser permettent de transformer facilement votre site WordPress (ou même la boutique WooCommerce) en une application en quelques étapes seulement. Tout d’abord, obtenez le plugin et enregistrez votre compte. Ensuite, mettez-vous au travail en personnalisant votre application. Vous avez le choix entre de nombreuses dispositions et fonctionnalités intégrées. Lorsque vous avez terminé, soumettez simplement pour publier votre application (prise en charge par Android et iOS). De plus, AppMySite se synchronise avec votre site Web en temps réel, pour maintenir votre application à jour avec tous les nouveaux articles ou produits que vous publiez.
Les autres fonctionnalités incluent la prise en charge de plusieurs langues, l’intégration du panier et de la caisse, les notifications push, l’intégration des médias sociaux, ainsi que des analyses que vous pouvez utiliser pour surveiller les performances de l’application.
AppPresser
AppPresser est le plus grand, le plus populaire et soi-disant le premier framework d’applications mobiles pour WordPress. Il offre une intégration complète : là où la plupart des créateurs d’applications n’utilisent qu’un flux de votre site WordPress, AppPresser vous permet d’utiliser tous vos plugins, publications et pages. De plus, il met automatiquement à jour l’application dès que vous apportez des modifications à votre site. Il offre également une prise en charge complète du commerce électronique.
Application WPMobile
L’application WPMobile vous permet de créer des applications Android et iOS pour votre site. Bien que le plugin de base soit gratuit, vous devez payer une licence à vie pour créer réellement votre application (à partir de 79 € pour un format d’application, ou 149 € pour les deux). Avec WPMobile App, vous aurez des options de personnalisation, un test en direct gratuit, des mises à jour automatiques d’applications, une prise en charge des notifications push, une intégration sociale et une prise en charge premium (une fonctionnalité bienvenue si vous êtes bloqué).
MobiLoud
Bien que plus cher (à partir de 120 $/mois), MobiLoud gère à peu près tout pour vous (y compris la soumission de votre application à l’App Store et à Google Play), ce qui rend le prix assez raisonnable. Avec MobiLoud, votre application finale offre une compatibilité entre appareils, un partage social facile, une monétisation (via des annonces ou des abonnements), des notifications push, etc. Et lorsque le service est associé à leur plugin (lié ci-dessus), vous pouvez gérer votre application et les notifications push depuis WordPress.
Enfin, il y a un tas de personnes que vous pouvez payer pour le faire pour vous. Cependant, avec autant de moyens faciles et abordables de bricoler, vous n’avez pas vraiment besoin d’emprunter cette voie pour une application de base.
Il existe une multitude de façons de créer une application, et bien que cela semble intimidant à première vue, les méthodes ci-dessus la rendent incroyablement simple. Assurez-vous simplement d’avoir un bon site Web mobile pour commencer, d’accord ? Maintenant, laisse-moi l’avoir. Est-ce que je me suis trompé ici ? Y a-t-il d’autres méthodes que je devrais connaître? N’hésitez pas à laisser vos commentaires ci-dessous!