Vous avez migré votre boutique eCommerce vers la version mise à jour Magento 2.0 ? Eh bien, construisons une paire d’applications mobiles natives pour la même chose. Avoir une application mobile Magento 2 pour votre site Web de commerce électronique est bien plus qu’un simple outil de vente et de marketing, car il améliore vos revenus et votre fidélité avec un minimum d’efforts. Mais, créer une application mobile Magento 2 native est beaucoup plus difficile qu’il n’y paraît, car vous devez vous adonner à toutes sortes de langages de codage et à des outils/logiciels coûteux. Cet article couvre en fait deux questions de base concernant votre APP Magento 2 Mobile :
Questions 1: Pourquoi devriez-vous commencer à vendre sur App avec le site Web Magento 2 ? Questions 2: Comment pouvez-vous obtenir une application puissante pour votre boutique Magento ? Eh bien, respectez la fin de cet article et j’espère que vous obtiendrez toutes vos réponses.
Applications mobiles Magento 2 : une introduction
La plate-forme de commerce électronique Magento compte presque toutes les variétés d’entreprises multi-tailles, des petites industries aux start-ups. Et cela semble également augmenter depuis que Magento a lancé sa version mise à jour avec des fonctionnalités corrigées et mises à jour. Comme il s’agit d’une nouvelle plate-forme et que la majorité des propriétaires de magasins décident toujours de passer à la plate-forme mobile, vous pouvez prendre les devants en transformant votre site Web en application native Magento 2 Android et iOS. En ce qui concerne les bénéfices, le fait d’avoir une application native Magento 2 attirera certainement une large base d’utilisateurs mobiles dans votre magasin, ce qui augmentera en fin de compte l’engagement et les ventes des utilisateurs. Offrir à vos utilisateurs une application d’achat incroyable est également la raison de l’augmentation des ventes et des revenus. Ainsi, obtenir une application mobile Magento 2 en vedette est la prochaine grande chose que vous pourriez faire pour votre magasin après la migration.
Applications mobiles Magento 2 : développement (3 étapes uniquement)
Nous avons rendu le processus de développement des applications mobiles Magento 2 aussi simple que possible pour vous. Tout ce que vous avez à faire est de suivre ces 3 étapes simples :
Étape 1: Je m’abonne! Créateur d’applications mobiles Magento 2 module et installez le même sur votre magasin. Étape 2: Partagez les spécifications/exigences de votre application avec notre formulaire de prérequis. Étape 3 : Obtenez des fichiers APK/IPA développés et publiez-les sur les App Stores respectifs. Si vous rencontrez un problème, nous vous aiderons à publier votre application.
Vos applications mobiles Magento 2 auront de nombreuses caractéristiques et fonctionnalités qui changeront définitivement la donne pour votre entreprise. Jetons un coup d’œil aux principaux d’entre eux:
1. Interface conviviale : Les applications mobiles Magento 2 proposent une interface simple mais conviviale qui rend les achats d’applications mobiles amusants pour les utilisateurs. Diverses options de polices intuitives sont également présentes dans l’application.
2. Écran d’accueil personnalisable: La façon dont vous offrez l’apparence de votre application décide du non. des achats que vous allez obtenir. Le créateur d’applications mobiles Magento 2 offre un écran d’accueil entièrement flexible avec toutes sortes de personnalisations. Le marchand du magasin obtient divers attributs pour créer l’écran d’accueil :
Tous ces éléments de conception sont entièrement configurables et leur positionnement peut être modifié par simple glisser-déposer.
3. Icône de la barre d’onglets :�L’application mobile Magento 2 est livrée avec une fonctionnalité d’icône de barre d’onglets qui permet aux utilisateurs de basculer rapidement d’une section à une autre section de l’application. La fonctionnalité d’icône de la barre d’onglets rend l’expérience des utilisateurs de l’application plus fluide et plus simple.
4. Accès au panneau d’administration Web : Le créateur d’applications mobiles Magento 2 offre un accès complet au module backend aux marchands du magasin et leur permet de concevoir et de gérer l’application par eux-mêmes.
5. Synchronisation en direct: Les applications mobiles Magento 2 sont synchronisées à 100 % avec votre site Web et annulent toutes sortes de mises à jour de sites Web sur l’application mobile. Votre inventaire d’applications mobiles est automatiquement mis à jour à partir du site Web.
6. Prise en charge des tablettes et mobiles : Le créateur d’applications mobiles Magento 2 propose des applications compatibles avec les tablettes et les mobiles pour votre site Web qui fonctionnent parfaitement sur les appareils des utilisateurs. Qu’il s’agisse d’un iPhone, d’un iPad, d’un téléphone ou d’une tablette Android.
7. Prise en charge multilingue et RTL : Le créateur d’applications mobiles Magento 2 offre une prise en charge de l’écriture multilingue et RTL sur les applications Android et iOS. Vous pouvez proposer votre application aux utilisateurs vivant dans n’importe quel coin du monde.
8. Connexion en un clic : Les applications mobiles avec Magento 2 Mobile App Creator offrent des options de connexion Google/Facebook/OTP/Fingerprint pour les acheteurs.
9. Assistance par chat 24h/7 et XNUMXj/XNUMX : Vos applications mobiles Magento 2 proposent une prise en charge du chat Zopim et WhatsApp 24 heures sur 7, XNUMX jours sur XNUMX, ce qui permet à l’utilisateur de l’application de contacter directement l’administrateur du magasin.
10. Paiements faciles : Le créateur d’applications mobiles Magento 2 prend en charge toutes sortes d’options de paiement de site Web sur l’application mobile. Vous pouvez même ajouter diverses autres méthodes de paiement natives pour une somme modique.
11. Prise en charge de toutes les méthodes d’expédition : Votre application mobile Magento 2 prend en charge toutes sortes de méthodes d’expédition de sites Web et facilite le commerce pour vous.
12. Prise en charge de tous les types de produits : Le créateur d’applications mobiles Magento 2 prend en charge toutes sortes de produits sur l’application mobile, tels que les produits uniques, groupés, configurables, groupés, téléchargeables, etc.
13. Navigation en couches : L’application mobile Magento 2 dispose de plusieurs options de filtrage et de tri qui rendent la recherche de produits plus transparente.
14. Recherche vocale (Android uniquement) : Magento 2 Mobile App Maker propose une recherche vocale avancée dans l’application Android pour faciliter le processus de recherche.
15. Assistance pour les coupons et les bons: Le créateur d’applications mobiles Magento 2 prend en charge toutes sortes de coupons et de bons dans l’application mobile. Les utilisateurs de votre application peuvent également utiliser des coupons/bons de site Web actifs.
16. Écran de paiement simplifié : Plus le processus de paiement est simple, plus les chances d’achats réussis sont grandes. Le constructeur d’applications mobiles Magento 2 offre une approche de paiement à écran unique dans les applications Android et iOS.
17. Suivi des commandes en temps réel : Limitez les insécurités des utilisateurs de votre application grâce à la fonctionnalité de suivi des commandes en temps réel dans les applications Android et iOS de Magento 2.
18. Notifications push: L’application mobile Magento 2 dispose d’un outil de notification push pratique qui vous permet d’envoyer des notifications push illimitées concernant les offres quotidiennes et les faits saillants. Les notifications automatisées et manuelles sont proposées avec Magento 2 Mobile App Creator.
19. Liste de souhaits :�Parfois, les utilisateurs n’achèteront pas les produits pour une raison quelconque, comme l’indisponibilité de la taille, de la couleur, du produit, etc. Mais l’application mobile pour Magento 2 est livrée avec une fonctionnalité de liste de souhaits intégrée qui permet aux utilisateurs d’enregistrer les produits souhaités dessus pour de futurs achats.
Conclusion
Il existe peut-être une variété de solutions d’applications mobiles Magento 2 à l’heure actuelle, mais toutes n’ont pas des fonctionnalités de processus et de vente aussi simples. KnowBand a conçu ce module entièrement convivial pour l’administrateur et vous a fourni presque tous les accès. Les fonctionnalités sont plus que suffisantes pour que votre boutique de commerce électronique vende sans tracas sur l’application mobile.
Les commerçants qui n’ont pas mis à niveau leur boutique vers Magento 2 et qui utilisent toujours l’ancienne version peuvent également transférer leur boutique sur la plate-forme mobile avec Créateur d’applications mobiles Magento. Allez en construire un pour votre magasin dès aujourd’hui.
Vous avez récemment migré de Magento 2.x vers Magento 1.x ? Il est temps de créer des applications natives pour votre boutique. Nous savons tous que les applications mobiles de commerce électronique sont l’un des besoins les plus inévitables des entreprises en ligne d’aujourd’hui. Donc, si vous êtes propriétaire d’une boutique Magento 2 et que vous envisagez de transférer votre site Web vers la plate-forme mobile, KnowBand vous a simplifié la tâche. Découvrez comment ? L’extension Magento 2 Mobile App Builder vous permet de mettre à niveau votre boutique de commerce électronique en une paire d’applications mobiles fonctionnelles et sans faille. Les applications Android et iOS entièrement fonctionnelles développées avec Magento 2 Mobile App Maker répondront certainement à toutes les exigences de croissance de votre boutique. Il s’agit de la solution la plus transparente pour le développement de mCommerce. Tout ce que vous avez à faire est de spécifier les exigences de votre entreprise et de laisser le reste à notre équipe de développement qualifiée. Les applications mobiles pour les boutiques Magento 2 développées par cette solution prête à l’emploi offrent une expérience d’achat sans faille et fiable aux utilisateurs. Cela augmentera certainement les conversions et les ventes de votre boutique.
1.1 Nouvelles mises à jour :
a) Aperçu du backend de la disposition de l’écran d’accueil :
Dans la dernière version (v1.0.6) de Magento 2 Mobile App Creator, l’administrateur de la boutique peut prévisualiser la disposition de l’écran d’accueil uniquement à cet endroit lors de sa configuration à partir du panneau d’administration. Pas besoin d’ouvrir l’application, actualisez-la à chaque fois pour visualiser les modifications. Concevez simplement votre écran d’accueil avec plus de facilité et modifiez-le à chaque fois que vous en avez besoin.
b) Mise à jour Flutter :
Nous avons récemment mis à jour nos applications mobiles Android et iOS avec la dernière technologie de développement d’applications mobiles Flutter. Désormais, les utilisateurs peuvent bénéficier d’une vitesse robuste avec toutes les fonctionnalités mises à jour.
c) Scanner de codes QR/codes-barres :
Désormais, les utilisateurs de l’application mobile peuvent également rechercher leurs données préférées via des codes QR/barres. Les utilisateurs d’applications Android et iOS peuvent trouver l’option mise à jour sur la page de recherche.
d) Éléments de bannière vidéo :
Le générateur d’applications mobiles Magento 2 de Knowband inclut désormais des composants de bannière vidéo sur la page d’accueil. Cette fonctionnalité permet aux administrateurs de boutique de présenter des vidéos attrayantes en les téléchargeant directement ou en intégrant des vidéos YouTube, améliorant ainsi l’attrait visuel et l’expérience utilisateur de la page d’accueil de l’application.
e) Affichage Liste/Grille :
Avec le générateur d’applications mobiles natives Magento 2 de Knowband pour Android et iOS, les utilisateurs d’applications peuvent basculer en toute transparence entre les vues de liste et de grille tout en parcourant les produits. Cette fonctionnalité améliore l’expérience d’achat globale en offrant une manière flexible et visuellement attrayante d’explorer les produits. Les utilisateurs peuvent facilement basculer entre les vues à l’aide du bouton liste/grille disponible sur les pages de liste de produits.
f) Options vidéo/bannière sur les pages de liste de produits de catégorie :
La mise à jour de Knowband Mobile App Maker pour Magento 2 permet désormais aux administrateurs de magasin d’améliorer les pages de liste de produits de catégorie avec des options de téléchargement de vidéos et de bannières. Les administrateurs peuvent télécharger des vidéos (moins de 2 Mo) ou présenter directement des vidéos YouTube, offrant ainsi une expérience de navigation plus attrayante et dynamique. Cette fonctionnalité offre un meilleur contrôle de l’interface utilisateur pour l’administrateur du magasin tout en améliorant considérablement l’interaction et l’expérience client.
g) Bannières coulissantes automatisées :
Le dernier générateur d’applications mobiles Magento 2 de Knowband introduit une fonctionnalité de curseur de bannière automatisé, permettant aux administrateurs de magasin de configurer l’intervalle de glissement directement à partir du backend du module. Cette fonctionnalité est particulièrement utile pour les « curseurs horizontaux de bannières » sur la page d’accueil, où les administrateurs peuvent ajouter des bannières vidéo et d’images pour un affichage dynamique et attrayant.
h) Section d’évaluation améliorée :
L’application mobile Knowband propose une section d’évaluation améliorée. Les évaluations approuvées sont désormais affichées avec une interface utilisateur améliorée, offrant une expérience visuellement attrayante et transparente pour les utilisateurs d’applications Android et iOS.
i) Option de fenêtre contextuelle de connexion et d’inscription :
La capture des adresses e-mail des visiteurs est l’un des plus grands défis du commerce électronique. Cependant, nous avons simplifié ce processus en introduisant la fenêtre contextuelle de connexion/inscription dans la récente version de Mobile App Builder. L’administrateur de la boutique peut ajouter une fenêtre contextuelle de connexion qui s’affichera pour les clients non connectés, augmentant ainsi les chances d’inscription par e-mail en fournissant des options de connexion simples aux utilisateurs.
1.2 Installation des modules
Les étapes pour installer le module Magento 2 Mobile App Creator sont mentionnées ci-dessous :
Le package contient un fichier zippé contenant le manuel d’utilisation et le code source de l’extension Mobile App Builder. Décompressez le package.
Créez un dossier {Magentoroot}/app/code/Knowband/Mobileappbuilder Téléchargez le contenu extrait dans le dossier ci-dessus via le gestionnaire FTP (comme Filezilla ou WinSCP – téléchargez ici : https://filezilla-project.org/).
Exécutez maintenant les commandes ci-dessous pour installer le plugin : php -f bin/magento module:enable –clear-static-content Knowband_Mobileappbuilder php -f bin/magento setup:upgrade php -f bin/magento setup:di:compile php bin/magento setup:static-content:deploy
L’extension est maintenant installée et prête à être utilisée. Dans le panneau d’administration, accédez à « Knowband > Mobile App Builder ». Vous pouvez désormais configurer et utiliser le module Magento 2 Mobile App Builder.
2.0 Démo de l’application mobile Magento 2
Avant de se lancer dans l’achat de l’extension Magento 2 Mobile App Maker, il est préférable de tester nos applications de démonstration.
2.1 Consultez notre boutique de démonstration travaillant sur des applications
Nous avons développé deux applications de démonstration et mis en place une boutique de démonstration pour tester en toute transparence le module avant le développement réel de l’application mobile. Suivez les étapes mentionnées ci-dessous :
Étape 1: Téléchargez et installez les applications mobiles Nautica Magento 2 sur votre appareil de test. Voici les liens vers les applications Android et iOS de Magento 2 : App Store d’Apple Google Play Store
Étape 2: Ouvrez l’application et appuyez sur l’option « Voir la démo ». Et voilà, vous pouvez désormais tester facilement toutes les fonctionnalités de l’application.
Remarque : Pour accéder au panneau d’administration du générateur d’applications mobiles Magento 2 de KnowBand sur notre boutique de démonstration, visitez ici.
2.2 Affichez votre boutique en travaillant sur des applications de démonstration
Vous souhaitez tester votre propre site Web sur ces applications mobiles de démonstration ? Nous avons même rendu cela possible en seulement 3 étapes simples :
Étape 2: Installez les applications de démonstration (liens dans la section précédente) sur votre appareil mobile. Ouvrez l’application et saisissez l’URL de votre site Web dans l’option « Afficher votre boutique ».
Étape 3: Appuyez sur « Afficher votre boutique » et commencez à analyser votre propre site Web en travaillant sur nos applications de démonstration.
Remarque : Cette version gratuite de Mobile App Builder est uniquement destinée à des fins de démonstration et aucun fichier APK/IPA ne sera fourni avec ce module. Pour obtenir vos propres fichiers APK/IPA, vous devez acheter la version payante du Générateur d’applications mobiles Magento 2.
3.0 Créez vos propres applications mobiles Magento 2
Après avoir testé avec succès Magento 2 Mobile App Builder, créez une paire d’applications mobiles pour votre site Web. KnowBand a rendu cela aussi simple que possible.
Étape 1 : achetez et installez le module sur votre site Web.
Achat Générateur d’applications mobiles Magento 2 et installez-le sur votre boutique en utilisant les détails FTP de votre boutique.
Étape 2 : Partagez les spécifications de votre application
Partagez avec nous quelques détails concernant le développement d’applications via un formulaire de prérequis.
Étape 3 : obtenez vos applications Android et iOS en 1 à 2 jours
Les fichiers APK et IPA finaux peuvent être partagés avec vous en seulement 2 à 3 jours. Vous pouvez les consulter et suggérer des modifications (le cas échéant).
Remarque : Vous pouvez publier ces fichiers APK/IPA sur les app stores respectifs. Reportez-vous aux liens suivants pour cela :
S’il y a un problème lors de la publication de l’application, nous le réglerons pour vous.
4.0 Écrans du panneau d’administration
Après l’installation réussie de Magento 2 Mobile App Builder, l’administrateur de la boutique obtiendra les onglets suivants pour la personnalisation :
4.1 Paramètres généraux :
Activer l’extension : Activez le générateur d’applications mobiles Magento 2 pour que les applications mobiles fonctionnent sur les appareils de l’utilisateur.
Redirection vers la page du panier lors de l’ajout au panier : Chaque fois qu’un utilisateur clique sur le bouton Ajouter au panier, il sera redirigé vers l’écran du panier.
Afficher la brève description : Activer l’affichage de la courte description du produit sur l’écran du produit.
Activer le rapport du journal des demandes : Activez le journal des erreurs sur les applications mobiles qui est utilisé pour identifier et rectifier tout comportement anormal des applications mobiles.
Afficher l’aperçu de l’application : Cette option affichera/masquera un aperçu de l’application.
Activer/désactiver Spin and Win : Si vous utilisez le module Spin and Win de Knowband, cette option activera/désactivera la fenêtre contextuelle Spin and Win dans les applications.
Activer la connexion sociale : Cette option activera/désactivera les options de connexion sociale dans les applications.
Activer/désactiver la connexion par empreinte digitale : Activer la connexion par empreinte digitale sur les applications mobiles.
Activer/désactiver la connexion par numéro de téléphone : Activer la connexion par numéro de téléphone sur les applications mobiles.
Numéro de téléphone obligatoire lors de l’inscription : Les administrateurs du magasin peuvent rendre le numéro de téléphone portable facultatif/obligatoire à l’aide du bouton suivant.
Sélectionnez la mise en page de la page d’accueil : Choisissez la disposition de l’écran d’accueil souhaitée pour les applications mobiles.
Afficher les notifications dans l’application : Afficher/masquer l’onglet Notification dans l’application pour les clients.
Activer/désactiver la fenêtre contextuelle de connexionhaut : L’administrateur peut activer la fenêtre contextuelle de connexion sur la page d’accueil avec ce bouton.
Méthodes d’expédition désactivées : Les administrateurs peuvent désactiver des méthodes d’expédition spécifiques pour l’application uniquement à partir du bouton suivant.
Activer l’assistance par chat en direct : Activer/désactiver l’option de chat Zopim (Zendesk) sur les applications mobiles. Vous devez saisir la clé API de chat fournie avec les applications finales.
Activer la prise en charge du chat WhatsApp : Activer/désactiver l’option de chat WhatsApp sur les applications mobiles.
Activer le logo : Activez le logo sur vos applications mobiles. Vous pouvez télécharger l’image du logo qui sera affichée sur l’en-tête des applications mobiles.
Sélectionnez la police des applications : À l’aide du bouton suivant, les administrateurs peuvent modifier les polices des applications Android et iOS.
Couleur du bouton d’application : Choisissez la couleur du bouton pour vos applications.
Couleur du thème de l’application : Choisissez la couleur du thème pour vos applications.
Couleur du texte du bouton d’application : Choisissez la couleur du texte des boutons pour vos applications.
Couleur d’arrière-plan de l’application : Choisissez la couleur d’arrière-plan de vos applications.
Couleur du thème de l’icône de l’application : Choisissez la couleur du thème de l’icône de l’application.
4.2 Paramètres du menu :
Avec l’onglet Paramètres du menu dans Magento 2 Mobile App Maker, vous pouvez facilement ajouter et gérer des pages CMS sur votre application mobile. La page Contactez-nous peut être activée ou désactivée selon vos préférences, et vous pouvez également ajouter de nouvelles pages CMS au menu. Cela vous permet de fournir à vos clients un accès facile à des informations importantes telles que les politiques de votre magasin, les FAQ, etc. De plus, vous pouvez personnaliser l’ordre des éléments du menu pour faciliter la navigation de vos clients dans l’application.
4.3 Push Notifications :
Compte de service JSON : Avec l’abandon de l’API de messagerie push traditionnelle de Firebase, elle a été remplacée par un fichier JSON de compte de service. Cette section permet aux administrateurs de configurer le fichier JSON obtenu à partir de leur compte Firebase. Vous pouvez le configurer vous-même ou nous vous fournirons le fichier JSON du compte de service pendant le processus de création de l’application pour votre commodité.
Notification de réussite de la commande : Configurez une notification push de création de commande automatisée qui sera envoyée automatiquement aux applications des utilisateurs qui créent avec succès une commande via votre application.
Notification de mise à jour du statut de la commande : Configurez la notification de mise à jour du statut de la commande qui sera envoyée automatiquement aux utilisateurs chaque fois qu’il y a une mise à jour du statut de livraison de la commande.
Notification de panier abandonné : Configurez une notification automatisée de panier abandonné qui serait envoyée automatiquement aux utilisateurs qui ont laissé leurs produits dans le panier.
4.4 Historique des notifications push :
Dans l’onglet suivant, nous avons fourni la possibilité de vérifier toutes les notifications précédemment partagées ainsi que la date et l’heure. De plus, en cliquant sur envoyer une nouvelle notification, les utilisateurs peuvent également envoyer de nouvelles notifications aux utilisateurs de l’application.
Nous avons également ajouté une fonctionnalité spéciale dans le module de création d’applications mobiles Magento 2. Désormais, les administrateurs peuvent envoyer de nouvelles notifications immédiatement ou peuvent également les programmer pour le futur.
Mise en page de la page d’accueil 4.5
Le générateur d’applications mobiles Magento 2 propose un écran d’accueil personnalisable avec toutes sortes d’éléments de conception dans le backend du module. Vous pouvez créer n’importe quelle mise en page pour l’écran d’accueil de votre application mobile et la proposer à vos utilisateurs.
Après avoir ajouté la mise en page, cliquez sur l’option Modifier et commencez à configurer divers attributs de conception pour l’écran d’accueil de votre application Magento 2. L’administrateur du magasin peut configurer les éléments de conception suivants sous l’onglet Disposition de la page d’accueil du générateur d’applications mobiles Magento 2 :
Top catégories:
Ces catégories de forme carrée peuvent être utilisées pour mettre en évidence toutes les catégories principales de votre site Web sur l’écran d’accueil. Ces catégories peuvent être ajoutées à partir du backend du module, comme indiqué dans l’instantané ci-dessous :
Bannière carrée :
La bannière peut être affichée sous forme carrée sur l’écran d’accueil de l’application mobile. Désormais, l’administrateur du magasin peut ajouter ou télécharger des vidéos YouTube pour les composants de mise en page carrée de la bannière avec les options appropriées fournies dans la section d’activité de redirection. La page de destination et l’image peuvent être configurées comme indiqué dans l’instantané ci-dessous :
Bannière coulissante :
L’administrateur de la boutique Magento 2 peut également ajouter des éléments vidéo dans les curseurs horizontaux. Nous avons également fourni une section d’intervalle de temps dans les mises à jour récentes qui permettra à l’administrateur de configurer l’intervalle pour les curseurs de bannières automatisés. Les bannières coulissantes peuvent être affichées sur l’écran d’accueil de l’application mobile qui peut être configuré comme indiqué dans l’instantané ci-dessous :
Bannière de grille :
Tout comme les curseurs de bannières horizontales, l’administrateur du magasin peut également ajouter des vidéos dans les composants de mise en page de la bannière de grille. Il s’agit des bannières de l’écran d’accueil de l’application affichées sous la forme d’une liste de grille et qui peuvent être personnalisées comme indiqué dans l’instantané ci-dessous :
Bannière Compte à rebours
Affichez une bannière de compte à rebours sur les écrans d’accueil de l’application mobile Magento 2 et proposez une vente flash/à durée déterminée à vos utilisateurs :
Produits carrés :
Les produits peuvent également être répertoriés dans la liste carrée sur l’écran d’accueil de l’application mobile. Cela peut être configuré comme indiqué dans l’instantané ci-dessous :
Produits coulissants
Les produits peuvent être affichés dans la vue coulissante sur l’écran d’accueil de l’application mobile et peuvent être configurés à partir du panneau principal.
Produits de grille :
Les produits peuvent être affichés dans la vue en grille sur l’écran d’accueil de l’application mobile :
Produits récemment consultés :
Le créateur d’applications mobiles Magento 2 propose l’onglet Produits récents sur l’écran d’accueil de l’application mobile qui affiche les produits récemment consultés par l’utilisateur. Vous pouvez simplement ajouter l’élément dans votre mise en page pour l’afficher sur l’écran d’accueil.
Fenêtre contextuelle de connexion :
Le créateur d’applications mobiles Magento 2 amélioré est doté d’une fenêtre contextuelle de connexion sur la page d’accueil. À l’aide de ce composant de mise en page, l’administrateur peut afficher une fenêtre contextuelle de connexion sur l’écran d’accueil de l’application. Cette fenêtre contextuelle n’apparaîtra que pour les utilisateurs non connectés.
Remarque : l’administrateur du magasin peut ajouter jusqu’à 20 éléments lors de la conception d’une mise en page dans le panneau d’arrière-plan.
5.0 Écrans d’application mobile
5.1 Écran d’accueil :
Le générateur d’applications mobiles Magento 2 vous offre une flexibilité totale pour concevoir vous-même l’écran d’accueil de votre application mobile. Les applications mobiles Android et iOS peuvent être conçues à partir du panneau d’administration à l’aide des attributs de conception suivants : –> Catégories principales –> Bannières carrées –> Bannières coulissantes –> Bannières en grille –> Produits carrés –> Produits coulissants –> Produits en grille –> Bannière avec compte à rebours –> Produits récemment consultés –> Pop-up de connexion. –> Éléments de bannière vidéo –> Page d’évaluation améliorée.
Le positionnement de tous les éléments peut être modifié par un simple glisser-déposer.
a) Mises en page dynamiques : Créez et enregistrez diverses mises en page attrayantes et intuitives dans le backend et modifiez l’apparence de votre application en un seul clic.
b) Logo du magasin : Ajoutez l’image du logo de votre boutique dans le backend du module et affichez-la sur l’en-tête des applications.
c) Rechercher : Les applications mobiles Magento 2 disposent d’options de recherche par mots-clés qui permettent aux utilisateurs de rechercher des produits sans aucun problème. En plus des mots-clés, les utilisateurs peuvent également rechercher des produits via un scanner de codes QR et de codes-barres.
d) Liste de souhaits : L’option de liste de souhaits dans l’application mobile Magento 2 vous permet de mettre en favoris les produits souhaités pour de futurs achats.
e) Panier : Les utilisateurs peuvent facilement accéder au panier depuis le coin supérieur droit de l’écran d’accueil.
f) WhatsApp : Le créateur d’applications mobiles Magento 2 propose deux options de chat en direct dans les applications mobiles avec Zopim et WhatsApp. Les utilisateurs de l’application peuvent vous envoyer directement un message concernant tout problème ou toute question concernant un achat.
g) Fenêtre contextuelle de connexion : Nous avons récemment introduit la toute nouvelle fenêtre contextuelle de connexion/inscription dans les applications Android et iOS de Magento 2. Si le client n’est pas connecté, il lui suffit de compléter les boutons de connexion/inscription fournis sous la fenêtre contextuelle d’inscription.
5.2 Menu Accordéon (barre de navigation)
Le créateur d’applications mobiles Magento 2 propose un menu accordéon dans les applications mobiles qui affiche les catégories de la boutique sur les applications mobiles. Les utilisateurs de votre application peuvent facilement parcourir toutes les catégories à partir de ce menu et accéder à toutes les pages CMS. Ce menu propose les options suivantes :
Catégories: Toutes sortes de catégories de votre boutique sont également disponibles sur les applications mobiles Android et iOS. Les applications proposent même une catégorisation à plusieurs niveaux et permettent aux utilisateurs de parcourir les produits en toute simplicité.
Pages CMS: Toutes les pages CMS de votre boutique telles que À propos de nous, Contactez-nous, Conditions générales, etc. seront affichées dans ce menu.
Langue (s): Les applications mobiles de commerce électronique Magento 2 sont à la fois multilingues et prennent en charge les langues RTL. Les utilisateurs peuvent choisir la langue de l’application souhaitée et l’ensemble du contenu de l’application sera traduit en conséquence. Tous les types de langues disponibles dans la boutique sont affichés ici sous ce menu.
Devise(s) : Tout comme les langues multiples, toutes sortes d’options de devises exécutées sur votre site Web seront affichées dans les applications mobiles Magento 2. Cela permet aux utilisateurs de l’application d’effectuer des paiements avec l’option de devise souhaitée.
5.3 Écran de catégorie :
Toutes les catégories de votre site Web Magento 2 sont également récupérées sur les applications mobiles Magento 2. L’écran des catégories de l’application mobile Magento 2 comporte deux vues : vue Grille et vue Liste. Cet écran propose les options suivantes :
Affichage en grille et en liste :
Les produits peuvent être affichés en vue grille et en vue liste.
Trier:
L’option de tri dans les applications mobiles Magento 2 permet aux utilisateurs d’afficher les produits dans les catégories du plus bas au plus élevé ou du plus élevé au plus bas.
Filtre:
Filtrez les produits de catégorie avec divers attributs tels que le prix, le coût, etc. et recherchez les produits souhaités sans aucun effort.
5.4 Écran du produit :
L’écran des produits de l’application mobile Magento 2 est totalement épuré et attrayant. Chaque produit dispose de plusieurs images affichées avec son nom et son prix. La disponibilité du produit est également affichée comme « En stock » ou « En rupture de stock » avec les remises de prix. L’écran des produits propose les options suivantes :
Options du produit:
Différentes options liées au produit telles que la taille, la couleur, etc. sont affichées sur l’écran du produit. Ces options sont les mêmes que celles disponibles sur votre site Web.
Description courte:
Les utilisateurs peuvent lire la brève description de votre produit pour se faire rapidement une idée. L’application mobile Magento 2 affiche à la fois des descriptions courtes et complètes des produits.
Informations et entretien sur le produit :
Toutes les informations relatives au produit spécifique sont affichées dans cette section. Il s’agit des mêmes informations que celles figurant sur le site Web.
Ajouter à la liste de souhaits:
Les utilisateurs peuvent même ajouter les produits à leur liste de souhaits à partir d’ici. Les produits ajoutés à la liste de souhaits sont mis en favoris pour de futurs achats.
Ajouter au panier:
Le bouton Ajouter au panier vous permet d’ajouter des produits au panier qui peuvent être traités ultérieurement lors de la création d’une commande réussie.
Partage social du produit :
L’application mobile Magento 2 offre la possibilité de partager les produits sur différentes plateformes sociales, Bluetooth et e-mail. Les utilisateurs peuvent partager les produits avec leurs amis et leurs proches et amener des utilisateurs potentiels dans votre boutique.
5.5 Écran de liste de souhaits :
Le générateur d’applications mobiles Magento 2 propose une liste de souhaits permettant aux utilisateurs de mettre en favoris des produits pour de futurs achats. Les utilisateurs de l’application peuvent consulter la liste de tous les produits de la liste de souhaits à partir de cet écran. Il propose les options suivantes :
Ajouter au panier:
Les utilisateurs de l’application peuvent ajouter le produit de la liste de souhaits directement dans le panier avec l’option Ajouter au panier.
Supprimer de la liste de souhaits :
Les utilisateurs peuvent même supprimer n’importe quel produit de la liste de souhaits avec une option de suppression si nécessaire.
Écran de connexion 5.6
Le créateur d’applications mobiles Magento 2 propose différentes connexions en un clic avec les options suivantes : 1. Connexion par e-mail
2. Connexion Google et Facebook 3. Connexion OTP et empreinte digitale
Vous devez vous identifier:
Les utilisateurs de l’application Magento 2 peuvent s’authentifier et accéder à l’aide des informations de connexion par e-mail.
S’inscrire:
Tous les nouveaux utilisateurs peuvent s’inscrire et créer leur compte sur la boutique depuis l’application mobile. Le formulaire d’inscription pour l’application mobile Magento 2 est entièrement transparent.
Connectez-vous avec le numéro de téléphone :
Votre application mobile Magento 2 propose une option de connexion par numéro de téléphone permettant aux utilisateurs de vérifier l’OTP.
Connectez-vous avec votre empreinte digitale :
Les utilisateurs de votre application ont également la possibilité de se connecter avec une empreinte digitale. Cette authentification biométrique permet à l’application de se connecter en quelques secondes seulement.
Se connecter avec Facebook:
Les utilisateurs peuvent se connecter aux applications mobiles en utilisant les informations d’identification de leur compte Facebook.
Connectez-vous avec Google+ :
Les utilisateurs peuvent se connecter à l’application en utilisant les informations d’identification de leur compte Google+.
5.7 Écran du panier :
L’écran du panier d’achat de l’application mobile Magento 2 affiche tous les produits ajoutés au panier. Les utilisateurs de l’application mobile peuvent voir le nom du produit, la quantité, le prix total et les frais d’expédition à partir du panier. L’écran du panier d’achat propose les options suivantes :
Appliquer le bon :
Cette option permet aux utilisateurs d’obtenir des réductions et des offres en saisissant des coupons et des bons valides exécutés sur votre site Web.
Prix total du produit :
Les utilisateurs peuvent consulter le coût complet de leur panier qui est automatiquement mis à jour à chaque ajout au panier.
Mettre à jour la quantité de produit :
Les utilisateurs peuvent même mettre à jour la quantité spécifique du produit.
Supprimer le produit :
Les utilisateurs de l’application peuvent simplement supprimer le produit du panier.
Continuer les achats :
Les utilisateurs de l’application peuvent quitter le panier pour parcourir d’autres produits sur votre application. Les acheteurs seront redirigés vers l’écran d’accueil en appuyant sur l’option Continuer les achats.
Continuer vers la caisse :
Les utilisateurs de l’application peuvent accéder aux écrans de paiement en appuyant simplement sur l’option « Continuer vers le paiement ». Cela redirigera les utilisateurs vers l’écran de paiement.
5.8 Processus de paiement
Le générateur d’applications mobiles Magento2 comprend un processus de paiement simplifié. Les utilisateurs de l’application mobile frontale ont la possibilité de sélectionner les détails d’expédition, les détails de facturation, les numéros de commande, les commentaires de commande, etc. lors du processus de paiement de l’application mobile.
Les utilisateurs des applications Android et iOS n’ont besoin que de quelques étapes simples pour passer leurs commandes. 1. Les clients peuvent sélectionner le produit souhaité et l’ajouter au panier. Après avoir cliqué sur le panier, ils peuvent également sélectionner la quantité de produits souhaitée. De plus, les utilisateurs de l’application mobile frontale peuvent voir le nombre total de produits et les frais d’expédition. Le client a également la possibilité d’appliquer n’importe quel bon et code de réduction au bas de la même page. 2. Après avoir cliqué sur l’option Continuer vers la caisse, l’utilisateur peut consulter la commande où il peut voir plusieurs détails. Tels que le prix du produit, les frais d’expédition, l’adresse de livraison (il peut être modifié sur la même page), le récapitulatif de la commande (nombre de produits), le prix total, etc. De plus, le client a la possibilité de sélectionner son mode d’expédition préféré sur la même page. L’utilisateur peut également mettre sa demande ou exigence spéciale dans l’option de commentaire de commande apparaissant en bas de l’écran.
L’utilisateur sera redirigé vers l’écran du mode de paiement après avoir cliqué sur l’option Continuer à payer.
Sur cet écran, les utilisateurs ont la possibilité de choisir parmi toutes les options de paiement du site Web. Par défaut, l’application d’achat comprend une option de paiement à la livraison comme mode de paiement. Lorsque l’utilisateur effectue l’activité de paiement, il est redirigé vers l’écran de récapitulatif de la commande, où le client peut voir le statut de la commande, le numéro de commande, le montant, etc. Les utilisateurs de l’application mobile frontale recevront également le message contextuel de confirmation de commande sur l’écran de leur téléphone portable.
5.9 Écran Mon compte
L’écran Mon compte de l’application Android/iOS Magento 2 permet aux utilisateurs d’afficher les détails complets du compte, y compris une liste de toutes les commandes précédentes. Cet écran propose les options suivantes :
Historique des commandes:
Les utilisateurs peuvent consulter les détails complets de leurs commandes passées, y compris la date de soumission, la référence de la commande, le prix et l’état de livraison.
Mettre à jour le profil:
Les utilisateurs peuvent mettre à jour les détails de leur profil, tels que leur nom et prénom, leur numéro de téléphone et leur mot de passe, en utilisant les paramètres de compte de l’application.
Adresse(s) de livraison :
Les utilisateurs peuvent afficher toutes les adresses de livraison enregistrées dans l’application mobile Magento2 et peuvent également ajouter une nouvelle adresse de livraison à partir de cet écran.
Détails de la commande:
L’application mobile Magento2 permet aux utilisateurs de consulter l’historique de leurs commandes dans l’application. Les utilisateurs peuvent voir une liste de toutes leurs commandes précédentes, ainsi que la date de la commande, le numéro de commande, le statut de la commande et le coût total. Ils peuvent également consulter les détails de chaque commande, y compris les produits commandés, l’adresse d’expédition et de facturation, le mode de paiement et le statut de livraison. Cette fonctionnalité permet aux utilisateurs de suivre facilement leurs achats passés et de commander à nouveau des produits si nécessaire.
6.0 Écran de détail de la commande
L’écran Détails de la commande de votre application de commerce électronique Magento2 affiche les détails complets de la commande, y compris l’adresse de livraison, le résumé du produit, le mode d’expédition et de paiement et le résumé du coût total. Les utilisateurs de l’application peuvent suivre la livraison des commandes passées précédemment directement à partir de cet écran, leur offrant ainsi une expérience d’achat sans tracas.
7.0 Marché Magento 2 avancé avec application mobile
La Marketplace Magento 2 de KnowBand transforme votre site Web en une place de marché à part entière. Le générateur d’applications mobiles Magento 2 est entièrement compatible avec Extension de la place de marché Magento 2. Cela signifie que vous pouvez regrouper l’intégralité de la liste de la place de marché sur les mêmes applications mobiles Magento 2. Ainsi, lancez une paire d’applications mobiles compatibles avec la place de marché avec KnowBand et attirez une large base de vendeurs et de clients dans votre boutique. –> Lorsque l’utilisateur clique sur l’option Vendeur, il est redirigé vers la page Vendeur de la boutique mobile. L’utilisateur peut consulter la liste des vendeurs de la place de marché ainsi que leurs notes. –> Les clients peuvent cliquer sur le nom du vendeur afin de voir son profil et le produit proposé. Les vendeurs peuvent se connecter avec leur nom d’utilisateur et leur mot de passe. Ils sont ensuite redirigés vers le tableau de bord. En savoir plus sur Marketplace Magento 2 avec application mobile de ici. C’est tout ! Pour plus d’informations sur le générateur d’applications mobiles Magento 2 de KnowBand, consultez les liens suivants :
Obtenez des applications Android et iOS entièrement Flutter pour votre site Web WooCommerce et commencez à vendre vos produits sur des applications mobiles !
1.0 Présentation
Il s’agit du manuel d’utilisation de la solution d’application mobile Flutter de pointe et prête à l’emploi de WooCommerce Mobile App Builder. Ce plugin de site Web de commerce électronique a été créé et conçu de manière experte pour vous aider à créer des applications d’achat Android et iOS sans faille et riches en fonctionnalités.
1.1 Introduction au générateur d’applications mobiles WooCommerce
Le moyen le plus sophistiqué et le plus automatisé d’étendre votre activité en ligne aux plateformes mobiles est d’utiliser le WooCommerce Mobile App BuilderIl transforme l’ensemble de votre site Web en une application mobile avec des fonctionnalités et vous permet de vendre des produits sur des appareils mobiles en plus du site Web traditionnel. Les fonctionnalités et le fonctionnement de l’application reflètent parfaitement ceux du site Web et sont compatibles avec les appareils Android et iPhone. Le cadre préconfiguré utilisé par notre générateur d’applications mobiles WooCommerce a été créé par des experts et des professionnels pour créer deux applications de commerce électronique Flutter (Android et iOS). Les applications peuvent mettre chaque article de votre boutique à portée de main de l’utilisateur et augmenter les ventes et les revenus. Par conséquent, c’est votre meilleure opportunité si vous êtes un marchand de boutique WooCommerce à la recherche d’une solution d’application mobile complète. Pour obtenir des informations complètes sur le développement d’applications mobiles WooCommerce, lisez l’article dans son intégralité. De plus, le plugin Multi-vendor Marketplace est entièrement compatible avec notre extension WooCommerce Mobile App Builder. Les mêmes applications mobiles peuvent être utilisées pour accéder à l’intégralité de la liste du marché. Mieux encore, nous proposons un pack qui comprend à la fois WooCommerce Advanced Marketplace With Mobile App et WooCommerce Multi-Vendor Marketplace. De plus, vous seriez persuadé de choisir cette solution d’application Flutter si vous considériez les avantages suivants de WooCommerce Mobile App Maker :
Une solution d’application mobile sans codage.
Un panneau administratif accueillant avec un accès complet.
Assistance gratuite pendant trois mois
Remèdes complets contre Flutter (Android et iOS)
Synchronisation de vos applications et de votre site Web à tout moment
Extrêmement flexible en termes de conception et de fonctionnement.
Utilise des outils marketing pratiques pour stimuler l’engagement des utilisateurs.
Augmente les revenus et le trafic de votre magasin.
Principales qualités du générateur d’applications mobiles WooCommerce :
Voici une liste de certaines des principales fonctionnalités que vos applications avec WooCommerce Mobile App Builder incluront :
La disposition de l’écran d’accueil peut être modifiée (flexibilité totale)
Identités de magasin
Assistance par chat WhatsApp (24h/7 et XNUMXj/XNUMX)
Connexion OTP et empreinte digitale pour tablettes et smartphones avec Google et Facebook
Prise en charge d’iOS 9 et des versions iOS ultérieures, ainsi que d’Android 4.2 et des versions ultérieures.
mises à jour automatiques de l’inventaire.
Nombreuses options de polices et de couleurs
bilingue et RTL (de droite à gauche)
Prise en charge de tous les types de produits
Prise en charge de plusieurs devises
Site Web d’assistance Méthode d’expédition prise en charge sur les applications
Site Web d’assistance Méthode de paiement
Notifications push indéfinies
Options de partage social des produits
De nombreuses options de tri et de filtrage
Fonctionnalité de liste de souhaits
Coupons ou bons Internet soutenus par des applications.
Écran de paiement avec moins de détails
Suivi des commandes en direct
Menu accordéon ininterrompu
Écran clair de catégorie et de produit
Dernières mises à jour de version dans les applications mobiles WooCommerce :
Avec un bouton « Ajouter au panier » intégré pour les produits sur l’écran d’accueil et de catégorie, l’application mobile WooCommerce est désormais plus utilisable pour les acheteurs en ligne. En appuyant simplement sur le bouton du panier, les utilisateurs peuvent rapidement ajouter des produits au panier. L’écran de catégorie des applications mobiles comporte également un bouton Ajouter au panier. Les utilisateurs n’ont qu’à faire défiler la page jusqu’en bas pour parcourir les produits et continuer à ajouter des articles à leur panier en appuyant sur le bouton Ajouter au panier.
A) Avis sur les applications pour les produits
Notre application mobile WooCommerce est actuellement compatible avec le module de commentaires sur les produits intégré de WooCommerce. L’utilisateur peut désormais publier des avis sur les produits sur le site Web, et ces avis apparaîtront également sur l’application. L’utilisateur a accès à la lecture et à la rédaction d’avis sur l’application.
b) Produits App Store associés
Le module Produits associés automatiques est désormais compatible avec le générateur d’applications mobiles WooCommerce. Sur la page produit du site Web et de l’application mobile, les produits associés peuvent être affichés. Cette compatibilité peut être un outil formidable pour votre entreprise afin d’augmenter les ventes croisées.
C) Liens profonds:Une fonctionnalité de lien profond est intégrée dans le Application mobile WooCommerce. Désormais, lorsqu’un lien est partagé, l’utilisateur sera redirigé vers l’application plutôt que vers le site Web. L’installation de l’application sur l’appareil mobile est la seule exigence. L’utilisateur sera même redirigé vers l’écran de l’application appropriée par le lien partagé.
D) Accessibilité en mode hors ligne : Grâce à cette extension, les applications mobiles de commerce électronique fonctionneront désormais même en l’absence de connexion Internet. Les utilisateurs peuvent parcourir à tout moment les pages qui ont été chargées pendant qu’Internet était actif. Produits, catégories, écran du panier, etc.
L’extension WooCommerce Spin & Win est également compatible avec le créateur d’applications mobiles WooCommerce. Sur la boutique en ligne, une fenêtre contextuelle interactive de type roue tournante qui peut être programmée pour l’affichage d’entrée ou de sortie est fournie par la fenêtre contextuelle d’abonnement par e-mail gamifiée. La même fenêtre contextuelle s’affichera désormais automatiquement sur les applications grâce à cette intégration. L’extension doit uniquement être installée sur votre site Web.
F) Éléments de bannière vidéo : Le générateur d’applications mobiles WooCommerce de Knowband prend désormais en charge les bannières vidéo sur la page d’accueil. Les administrateurs de boutique peuvent télécharger des vidéos directement ou intégrer des vidéos YouTube, ce qui rend la page d’accueil plus attrayante visuellement et améliore l’expérience utilisateur.
G) Affichage Liste/Grille : Le générateur d’applications mobiles natives WooCommerce 2 de Knowband pour Android et iOS permet aux utilisateurs d’applications de basculer facilement entre les vues de liste et de grille tout en parcourant les produits. Cette fonctionnalité améliore l’expérience d’achat en offrant un moyen flexible et attrayant d’explorer les produits. Les utilisateurs peuvent basculer entre les vues à l’aide du bouton liste/grille sur les pages de liste de produits.
H) Bannières coulissantes automatisées : Le dernier générateur d’applications mobiles Magento 2 de Knowband inclut une fonction de curseur de bannière automatisé. Les administrateurs de magasin peuvent facilement définir l’intervalle de glissement à partir du backend du module. Cela est particulièrement utile pour les « curseurs horizontaux de bannières » sur la page d’accueil, permettant aux administrateurs d’ajouter des bannières vidéo et d’images pour un affichage plus dynamique et attrayant.
I) Section d’évaluation améliorée : L’application mobile Knowband propose une section d’évaluation améliorée. Les évaluations approuvées sont affichées avec une meilleure interface utilisateur, offrant une expérience visuellement plus attrayante et plus fluide pour les utilisateurs Android et iOS. –> Enquêter sur Module Spin Win de WooCommerce
Ce n’est pas la fin de la liste. Apprenez-en plus sur les fonctionnalités en profondeur à partir de cette page.
2.0 Démo de l’application mobile WooCommerce
KnowBand est conscient de votre hésitation à utiliser la solution et a fourni à tous les propriétaires de boutiques de commerce électronique une démonstration gratuite afin de dissiper vos inquiétudes. Les commerçants peuvent voir leur boutique fonctionner sur nos applications de démonstration ainsi que notre boutique de démonstration fonctionner sur des appareils mobiles.
2.1 Découvrez notre boutique de démonstration pour les applications
Vous souhaitez découvrir les fonctionnalités de l’application de commerce électronique ? Afin que vous puissiez explorer l’application et découvrir toutes ses fonctionnalités, nous y avons intégré notre boutique de démonstration. Il vous suffit de respecter les consignes ci-dessous : Étape 1 : Votre appareil mobile peut être utilisé pour télécharger et installer l’application mobile Nautica WooCommerce. Vous trouverez ci-dessous des liens pour télécharger des versions d’essai des applications suivantes : Apple App Store – https://testflight.apple.com/join/mrvIRLfw
Deuxièmement, cliquez sur le bouton Afficher la démo après avoir lancé l’application Nautica WooCommerce. J’ai fini maintenant ! Sur l’application de démonstration, vous verrez notre boutique de démonstration fonctionner. Vous pouvez la parcourir, tester toutes les fonctionnalités, passer des commandes, etc. Remarque : Cliquez ici pour accéder au panneau d’administration de KnowBand Mobile App Builder sur notre boutique de démonstration.
2.2 Regardez votre magasin fonctionner avec des applications de démonstration
Vous n’êtes pas satisfait ? Vous souhaitez tester les applications de démonstration sur votre boutique ? Nous avons tout prévu pour vous. Sur notre application de démonstration, vous pouvez également tester votre boutique, et ce gratuitement. Il vous suffit de suivre ces 3 étapes pour obtenir les mêmes résultats :
Installez les applications de démonstration sur votre appareil mobile à l’étape 2 (les liens se trouvent dans la section précédente). Ouvrez l’application et saisissez l’URL de la boutique.
Cliquez sur « Afficher votre boutique » pour commencer à utiliser des applications de démonstration pour explorer votre boutique.
Tapez l’URL de votre boutique dans la case qui apparaît.
Par exemple, consultez https://www.example.com/ Remarque : aucun fichier APK ou IPA ne sera fourni avec ce module ; cette version gratuite de Mobile App Builder est uniquement destinée à des fins de démonstration. Vous devez acheter la version payante de WooCommerce Mobile App Builder pour obtenir vos propres fichiers APK/IPA.
3.0 Créez une application mobile WooCommerce en 3 étapes simples
Nous espérons que vous avez apprécié la démo des applications mobiles WooCommerce et que vous avez découvert ce que vous recherchiez. C’est donc le moment idéal pour ajouter une paire d’applications Flutter à votre boutique. Une application mobile de commerce électronique peut être créée de la manière la plus simple possible. Votre application sera prête en seulement 3 étapes faciles et 1 à 2 jours ouvrables.
Première, ajoutez le module à votre site Web. Installez WooCommerce Mobile App Builder sur votre boutique après l’avoir téléchargé.
Étape 2:Partagez les détails de votre application Utilisez notre formulaire de prérequis pour partager les spécifications de votre application.
Étape 3: Recevez vos applications en 1 à 2 jours. Nos développeurs expérimentés et compétents créent vos applications précisément en accord avec les détails partagés. En 1 à 2 jours, nous vous répondrons avec les fichiers APK/IPA. Remarque : ces fichiers APK/IPA peuvent être publiés sur les magasins d’applications appropriés. Vous rencontrez toujours un problème ? Dites-le-nous et nous vous aiderons à publier les applications. De plus, vous pouvez nous contacter à l’adresse support@knowband.com si vous avez des questions ou des suggestions.
4. Installation du module
Vous recevrez les fichiers répertoriés ci-dessous une fois que vous aurez acheté le module WooCommerce Mobile App Builder : 1. Fichier compressé au format ZIP (contient le code source du module complémentaire) 2. Guide de l’utilisateur
Vous pouvez maintenant poursuivre le processus d’installation de l’une des deux manières répertoriées ci-dessous :
Détails de l’installation du module via FTP Installation d’un module à l’aide des informations d’administrateur
5.0 Écrans pour le panneau d’administration
Il est temps de configurer le panneau d’administration du créateur d’applications mobiles WooCommerce après son installation réussie sur votre site Web. Vous verrez l’onglet suivant avec des interfaces conviviales dès que vous sélectionnez l’option « Configurer » sur le générateur d’applications mobiles KnowBand. Éliminons chacun d’eux individuellement.
5.1 Paramètres généraux :
Les paramètres nécessaires aux appareils des utilisateurs pour exécuter votre application mobile sont tous couverts sous l’onglet Paramètres généraux. Cet onglet contient toutes les options généralisées requises pour synchroniser l’application.
A) Activer le plug-in:Pour rendre votre application mobile fonctionnelle sur les appareils des utilisateurs, activez le plugin WooCommerce Mobile App Creator. B) Activer Spin and Win : Lorsqu’un utilisateur ouvre l’application, activez l’affichage d’une fenêtre contextuelle de roue tournante ludique sur l’écran d’accueil. Elle peut être utilisée pour proposer des remises et des offres en échange de leurs adresses e-mail, qui sont ensuite utilisées à des fins de marketing. Le module Spin and Win de Knowband doit être installé sur votre site Web pour que cette fonctionnalité fonctionne. Le module Spin and Win ne fonctionnera que si le plugin a été installé dans votre boutique. C) Redirection sur la page du panier lors de l’ajout au panier: Cette fonctionnalité vous permet de gérer la navigation du bouton « Ajouter au panier ». Lorsqu’un utilisateur appuie sur le bouton Ajouter au panier, vous avez la possibilité de l’envoyer vers le panier ou de le garder sur la page produit. Cela augmente la probabilité de faire des achats supplémentaires. D) Afficher la brève description:Permettre à la brève description du produit d’apparaître sur l’écran du produit à côté de la description complète et d’autres informations.
E) Choisissez la mise en page: Choisissez la mise en page de la page d’accueil que vous souhaitez pour votre application WooCommerce. En fonction des différentes fêtes et thèmes, vous pouvez créer une variété de mises en page d’écran d’accueil dans le backend et les utiliser selon vos besoins pour votre boutique. Choisissez la couleur de bouton préférée pour votre application mobile WooCommerce sous l’option F) Couleur du thème de l’application: Choisissez la couleur de thème préférée de votre application mobile WooCommerce. G) Image logo: Placez le logo de votre boutique sur l’en-tête supérieur de l’application en le téléchargeant. Cela a aidé votre marque à gagner en reconnaissance auprès des clients mobiles du monde entier. H) Méthodes d’expédition désactivées:Sélectionnez les options d’expédition que vous souhaitez masquer dans l’application mobile WooCommerce. I) Pages CMS activées:Sélectionnez les pages CMS que vous souhaitez voir apparaître sur les applications mobiles. J) Activer le rapport du journal des demandes:Activez la fonction de journal sur les applications mobiles pour en savoir plus sur tout comportement inhabituel présenté par votre application. K) Activer la prise en charge du chat WhatsApp: Sur vos applications mobiles WooCommerce, activez l’option de chat WhatsApp. Votre numéro WhatsApp saisi dans le backend peut être utilisé par les utilisateurs pour vous contacter directement. L) Activer/désactiver l’enregistrement du numéro de téléphone:Dans votre application mobile WooCommerce, activez l’option de connexion par numéro de téléphone et activez l’authentification OTP pour vos utilisateurs. M) Activer le codage URL pour les liens d’image:Activez cette fonctionnalité pour permettre à l’application de prendre en charge des caractères autres que ASCII.
N) Afficher le bouton Ajouter au panier sur le bloc de produits : L’administrateur peut afficher/masquer le bouton « Ajouter au panier » pour les pages de liste de produits à l’aide de ce bouton.
O) Activer la fonctionnalité de liste de notifications : Le bouton permet à l’administrateur d’activer les fonctionnalités de liste de notifications pour les utilisateurs de l’application. Si cette option est désactivée, l’onglet de notification n’apparaîtra pas dans l’application.
P) Activer la fenêtre contextuelle de connexion : L’administrateur peut activer ou désactiver la fenêtre contextuelle de connexion/inscription pour les nouveaux clients avec cette option.
5.2 Paramètres des notifications push
Les services principaux de Google pour les notifications push sur les appareils mobiles sont utilisés par WooCommerce Mobile App Creator pour Android et iOS pour exploiter la puissance des notifications push. Il fournit cet outil marketing pratique pour augmenter les ventes en attirant immédiatement l’attention des utilisateurs. Avec l’aide de votre application mobile WooCommerce, vous pouvez facilement mettre en avant vos offres spéciales et promotions actuelles. WooCommerce Mobile App Maker propose des notifications automatisées et personnalisées.
A) Compte de service JSON : Avec l’abandon de l’API de messagerie push traditionnelle de Firebase, elle a été remplacée par un fichier JSON de compte de service. Dans cette section, les administrateurs peuvent configurer le fichier JSON à partir de leur compte Firebase. Vous pouvez le configurer vous-même ou nous pouvons vous fournir le fichier JSON du compte de service pendant le processus de création de l’application pour votre commodité. B) Activation/désactivation de la notification de création de commande: Activer/désactiver la notification push automatique envoyée aux utilisateurs de l’application lors de la création réussie d’une commande. –> Titre et message de la notification push : pour créer une commande avec succès, saisissez le titre et le message dans le paramètre de notification push. C) Notification de modification du statut de la commande: Les utilisateurs de l’application peuvent choisir de recevoir ou non des notifications push automatiques lorsque le statut de livraison de leur commande précédente change. -> Titre et message pour la notification push : saisissez le titre et le message chaque fois que le statut de livraison d’une commande précédente est mis à jour dans le paramètre de notification push. D) Activer/désactiver la notification de panier abandonné: Activer/désactiver les notifications push automatiques envoyées aux utilisateurs dont le panier a été abandonné mais aucun achat n’a été effectué. Saisissez le titre et le message de la notification push envoyée aux utilisateurs de l’application qui ont abandonné leur panier. E) Intervalle de temps:La durée (en heures) pendant laquelle les utilisateurs de l’application qui ont abandonné leur panier sans effectuer d’achat recevront des notifications push.
5.3 Historique des notifications push
Cet onglet comprend un historique de chaque type de notification push envoyée à un utilisateur avec des informations pertinentes. Le détaillant a accès à toutes les notifications envoyées précédemment. De plus, une notification personnalisée créée dans le backend peut être envoyée aux utilisateurs à l’aide de cet onglet. Grâce aux notifications envoyées manuellement, vous pouvez facilement informer les clients de toute information ou remise concernant le magasin.
Envoyer une notification:Vous pouvez choisir d’envoyer manuellement une notification aux utilisateurs de l’application à l’aide de cette option. Selon la capture d’écran ci-dessous, vous pouvez personnaliser le titre, le message, la page de destination, l’image, etc. de la notification.
a) Titre de la notification push:Il s’agit du nom de la notification push manuelle que vous enverrez aux utilisateurs de l’application. b) Message de notification poussée:Le texte de votre notification manuelle qui doit être envoyé aux utilisateurs de l’application. c) Type de périphérique:Vous pouvez spécifier quels utilisateurs sur Android, iOS ou les deux plates-formes vous souhaitez recevoir votre notification push manuelle. d) Type d’image: Vous pouvez télécharger la bannière ou l’image que vous souhaitez utiliser pour appuyer votre notification. L’image de la bannière peut être utilisée directement via une URL ou téléchargée. Image de notification: L’administrateur du magasin a la possibilité de prévisualiser l’image de notification et d’évaluer la manière dont elle apparaîtra sur les applications des utilisateurs. L’URL réelle de l’image de notification qui sera envoyée aux utilisateurs de l’application est répertoriée sous l’élément f. f) Activité de redirection:Ici, vous pouvez choisir de rediriger votre notification depuis l’écran d’accueil, n’importe quelle catégorie ou n’importe quel produit. Vos utilisateurs seront dirigés vers ce que vous spécifiez lorsqu’ils appuient sur la notification push. g) Choisissez la catégorie/le produit:Pour votre notification, vous pouvez sélectionner n’importe quel écran de catégorie/produit pertinent. h) Envoyer une notification:Après avoir créé et prévisualisé votre notification, il est temps de l’envoyer à vos applications.
5.4 Procédures de paiement
Tous les types de méthodes de paiement de sites Web sont pris en charge par le créateur d’applications mobiles WooCommerce pour les applications Android et iOS. Il comprend également l’option de paiement contre remboursement et la possibilité d’inclure des méthodes de paiement Web-View supplémentaires. Dans notre application mobile, la seule option de paiement disponible est le paiement à la livraison par défaut. Désactivez toutefois la méthode de paiement contre remboursement à partir du back-end du module si vous souhaitez ajouter les mêmes méthodes de paiement que sur votre boutique WooCommerce. Toutes les options de paiement disponibles sur votre site Web fonctionneront comme prévu dans vos applications mobiles une fois la méthode de paiement contre remboursement désactivée.
5.5.1 Conception de la page d’accueil
La capacité du plugin WooCommerce Mobile App Builder à concevoir et à créer plusieurs mises en page d’écran d’accueil à l’aide de différents attributs et éléments de conception est l’une de ses fonctionnalités les plus étonnantes. Comme on peut le voir dans la capture d’écran ci-dessous, cet onglet contient une liste de mises en page d’écran d’accueil qui ont été précédemment configurées à l’aide de différents thèmes et polices :
Les éléments suivants sont disponibles dans le back-end pour configurer les mises en page de la page d’accueil :
Top catégories
Bannière carrée
Bannière coulissante horizontale
Bannières de grille
Bannière de compte à rebours
Produits de grille
Produits coulissants horizontaux
Produits récemment consultés
Ajoutez des vidéos YouTube/téléchargez des vidéos sur la mise en page de la page d’accueil.
Fenêtre contextuelle de connexion/inscription pour les utilisateurs non connectés.
Ajoutez des bannières personnalisées avec des dimensions personnalisées.
Chacun de ces attributs peut être configuré par le commerçant et utilisé pour créer et enregistrer plusieurs mises en page. Ces mises en page peuvent être utilisées en fonction du thème et des spécifications. De plus, en utilisant simplement une fonctionnalité de glisser-déposer, les positions des différents éléments peuvent être modifiées.
Top catégories:
Les catégories principales peuvent être configurées, y compris leurs catégories d’images et de destination ou leurs produits, et sont affichées sous forme de petits carrés sur l’écran d’accueil. Le nombre maximal de catégories disponibles via WooCommerce Mobile App Maker est de 8, avec un minimum de 4 requis.
Bannière carrée :
Les catégories principales peuvent être configurées, y compris leurs catégories d’images et de destination ou leurs produits, et sont affichées sous forme de petits carrés sur l’écran d’accueil. Le nombre maximal de catégories disponibles via WooCommerce Mobile App Maker est de 8, avec un minimum de 4 requis. Dans les mises à jour récentes, nous avons également fourni la possibilité de présenter différentes vidéos avec la section YouTube Video/Video Upload ajoutée dans la section « Select Image Type ».
Bannière coulissante horizontale :
Ces portes coulissantes rectangulaires sont disponibles et entièrement personnalisables depuis le backend. Comme pour les bannières carrées, l’administrateur peut également mettre en valeur les curseurs de bannières en ajoutant des éléments vidéo. De plus, l’administrateur peut désormais avoir la possibilité de saisir l’heure qu’il souhaite définir pour le glissement automatique des bannières.
Bannières de grille :
Il s’agit de bannières de forme carrée répertoriées sous forme de grille sur l’écran d’accueil. Sur l’écran d’accueil, vous pouvez placer autant de bannières que vous le souhaitez. Vous pouvez également modifier l’image de la page de destination selon vos besoins.
Bannière de compte à rebours :
Un compte à rebours est disponible sur la bannière fournie par le générateur d’applications mobiles WooCommerce. Vous pouvez choisir la page de destination et l’image de la bannière, ainsi que définir un minuteur pour le moment où vous souhaitez afficher la bannière. La bannière disparaîtra automatiquement à l’expiration du minuteur.
Produits carrés :
Concernant les bannières, le créateur d’applications mobiles WooCommerce fournit des produits à afficher sous forme de listes carrées sur l’écran d’accueil.
Produits coulissants horizontaux
Les produits peuvent être ajoutés sous forme de curseurs horizontaux. Les produits choisis peuvent appartenir à une catégorie particulière ou peuvent être mis en avant comme Best Sellers, Featured Products, etc.
Produits de grille :
Il est également possible d’ajouter des grilles de listes de produits à l’écran d’accueil. N’importe quelle catégorie peut être utilisée pour sélectionner les produits.
Produits récemment consultés:Le créateur d’applications mobiles WooCommerce propose l’élément d’onglet récent, qui affiche les produits les plus récents consultés par l’utilisateur. Pour afficher l’élément sur votre écran d’accueil, incluez-le simplement dans votre mise en page.
Fenêtre contextuelle d’inscription : La collecte des adresses e-mail des visiteurs est un défi majeur dans le commerce électronique. Pour simplifier cette tâche, la dernière version de Magento 2 Mobile App Builder inclut une fonctionnalité de fenêtre contextuelle de connexion/inscription. Les administrateurs de boutique peuvent ajouter une fenêtre contextuelle qui s’affiche pour les clients non connectés, ce qui facilite la collecte des adresses e-mail en proposant des options de connexion simples et en augmentant les chances d’inscription par e-mail. Remarque : lors de la conception d’une mise en page dans le panneau d’administration, l’administrateur de la boutique peut ajouter jusqu’à 20 éléments.
6.0 Écrans pour applications mobiles
Écran d’accueil 6.1
L’écran d’accueil de votre application mobile WooCommerce sera exactement comme vous le souhaitez. Vous avez un contrôle créatif complet sur la façon de concevoir et de créer un écran d’accueil avec le créateur d’applications mobiles WooCommerce. Vous pouvez créer des mises en page d’écran d’accueil conviviales à l’aide d’une variété de bannières (carrées, en grille, coulissantes), de produits (carrées, en grille, coulissantes), de bannières de compte à rebours et d’onglets de produits récents dans le backend.
De plus, les emplacements des différents éléments de conception peuvent être modifiés en fonction de la situation. 1. Dispositions dynamiques: Vous pouvez créer et enregistrer différentes mises en page dans le backend et les réutiliser pour différents événements et festivals en utilisant une variété d’éléments. L’écran d’accueil de votre application peut être créé et personnalisé de manière dynamique. 2. Logo de la marque: La section centrale gauche de l’en-tête supérieur de l’application mobile WooCommerce affiche le logo de votre boutique. Le logo peut être activé ou désactivé, ainsi que son image modifiée, à partir du backend du module. 3. Rechercher: La fonction de recherche permet aux utilisateurs d’applications mobiles de trouver rapidement et facilement ce qu’ils recherchent. L’application mobile WooCommerce propose deux façons de rechercher des produits : Dans la barre d’onglets inférieure de l’application mobile WooCommerce, il existe une option de recherche. –> Texte : les utilisateurs de votre application peuvent rechercher les produits souhaités en saisissant quelques mots-clés pertinents. L’application mobile WooCommerce affichera les résultats pertinents pour ce mot-clé. 4. Sac de liste de souhaits: Le panier de la liste de souhaits, qui contient tous les produits marqués d’un signet, est visible dans l’en-tête supérieur de votre application mobile WooCommerce. Les utilisateurs de l’application peuvent stocker les articles de leur liste de souhaits dans un panier pour d’éventuels futurs achats. 5. Panier d’achat:Le panier se trouve sur l’écran d’accueil de l’application, dans le coin supérieur droit. Les utilisateurs peuvent y découvrir les produits ajoutés à leur panier. 6. WhatsApp:
Une option de chat en direct entre vendeur et acheteur est disponible en bas à droite de l’écran d’accueil. Les clients qui utilisent votre application mobile peuvent facilement et directement vous envoyer un message pour toute question, et vous pouvez leur répondre immédiatement.
6.2.1 Un menu accordéon (barre de navigation)
Sur le site Web, il existe des applications mobiles WooCommerce pour Android et iOS qui ont été développées avec une catégorisation précise des produits. Les acheteurs mobiles peuvent parcourir facilement une variété de produits. Le menu accordéon est également disponible pour toutes les pages CMS. Il offre les alternatives suivantes :
1. Mon compte
Toutes les données des utilisateurs, y compris les informations personnelles, les adresses de livraison et les détails de la commande, sont disponibles sur l’écran Mon compte. Les clients ont accès à toutes leurs informations et peuvent mettre à jour leurs identifiants de connexion et leurs informations personnelles. Catégories
Ces catégories correspondent exactement à celles de votre site Web. Pour une navigation facile, vous pouvez les mapper de manière appropriée et fournir une catégorisation à 3 niveaux aux utilisateurs de l’application. 3. Pages CMS
Ici, une variété de pages CMS de votre site Web, notamment À propos de nous, Contactez-nous, Conditions générales, etc., sont affichées. Depuis le backend de WooCommerce Mobile App Builder, vous pouvez sélectionner celle que vous souhaitez afficher sur l’application mobile. Langue
Vos utilisateurs peuvent afficher l’application mobile WooCommerce dans leur langue maternelle à l’aide de l’option de sélection de langue. 5. Devise(s)
L’application mobile WooCommerce affiche également toutes les devises proposées sur votre site de commerce électronique. Les clients peuvent consulter et acheter des produits au prix dans la devise de leur choix. Se connecter/Se déconnecter
Cette option permet à vos utilisateurs de se connecter et de se déconnecter facilement de l’application mobile WooCommerce.
6.3 Écran de catégorie :
Votre application mobile WooCommerce inclut toutes les catégories associées, les catégories parentes et les sous-catégories. L’écran de catégorie est créé avec un encombrement minimal dans
1. Deux points de vue fondamentaux: Grille et liste. Dans chaque liste, le nom du produit, l’image, le prix et la remise sont affichés avec un bouton pour les ajouter à votre panier de souhaits. La navigation par couches sur les applications mobiles créées avec le générateur d’applications mobiles WooCommerce facilite grandement la recherche de produits. Les écrans de catégorie offrent les choix suivants :
2. Trier :
Les clients peuvent choisir l’ordre de tri préféré pour la tarification des produits de catégorie à l’aide de cette option. Vos applications disposent de deux options de tri : Prix : du plus bas au plus élevé et Prix : du plus élevé au plus bas.
3. Filtre:
Les utilisateurs peuvent filtrer les produits à l’aide de diverses options de sélection fournies sous l’onglet Filtre.
6.4 Écran du produit :
L’écran produit de votre application mobile WooCommerce est simple et intéressant. Outre le nom et le prix, différentes images du même article sont affichées. En fonction de l’état des stocks, la disponibilité du produit est également indiquée comme « En stock » ou « En rupture de stock ». Elle comprend les éléments supplémentaires suivants.
1. Options
Options du produit : cet écran affiche toutes les options disponibles pour le produit, notamment la taille, la couleur, etc. Les choix de produits ici correspondent à ceux du site Web.
2. Brève description
Les utilisateurs peuvent rapidement décider après avoir lu la brève description de votre produit.
3. Détails et entretien du produit
Cette page affiche toutes les informations sur les produits répertoriés sur le site Web. Les utilisateurs de l’application peuvent accéder à cette page pour obtenir des informations détaillées sur les produits.
4. Ajouter à la liste de souhaits:En appuyant sur « Ajouter à la liste de souhaits » en bas à gauche de l’écran du produit, les utilisateurs de l’application mobile peuvent directement ajouter le produit à leurs favoris.
5. Ajouter au panier:Comme son nom l’indique, cliquer sur le bouton « Ajouter au panier » ajoute le produit directement au panier, permettant aux utilisateurs de poursuivre la transaction.
6. Partage social des produits
Sur cet écran, vous avez la possibilité de partager votre produit sur différents réseaux sociaux, notamment via Bluetooth et par e-mail. Les utilisateurs de l’application peuvent inviter de nombreux utilisateurs à rejoindre votre application en partageant les produits avec leurs amis et leur famille sur différentes plateformes de médias sociaux.
Écran de connexion 6.6
Le créateur d’applications mobiles WooCommerce rationalise le processus de connexion/inscription et propose une variété d’options de connexion en un clic :
1. Identifie-toi
En utilisant leurs adresses e-mail comme identifiants de connexion, les utilisateurs d’applications peuvent s’authentifier et accéder aux applications.
2. Enregistrer
L’application mobile permet à tous les nouveaux utilisateurs de s’inscrire et de créer un compte sur la boutique. Seules les informations pertinentes sont demandées sur le formulaire d’inscription à l’application mobile WooCommerce.
3. Utilisez le numéro de téléphone pour vous connecter
L’option de connexion par numéro de téléphone plus simple et plus fiable proposée par votre application mobile permet aux utilisateurs de se connecter et de vérifier plus facilement leur OTP.
4. Utilisez votre empreinte digitale pour vous connecter
De plus, vos utilisateurs ont la possibilité d’utiliser l’authentification par empreinte digitale pour se connecter. Les utilisateurs peuvent désormais accéder rapidement aux applications grâce à cela.
5. Connectez-vous avec Facebook
Les utilisateurs peuvent accéder à l’application en se connectant avec leurs identifiants Facebook.
6. Connectez-vous avec Google
Les utilisateurs peuvent se connecter à l’application en utilisant leur compte Google en un rien de temps.
7. Écran du panier d’achat :
Tous les articles de votre panier sont affichés sur l’écran du panier de l’application mobile WooCommerce. Le nom du produit, la quantité, le prix total et les frais d’expédition sont tous visibles pour les utilisateurs de l’application.
1.Utilisez le bon de réduction
En saisissant des coupons et des bons actifs actuellement actifs sur votre site Web, cette option permet aux utilisateurs de recevoir des remises et des offres.
2. Le coût total du produit
Les utilisateurs peuvent accéder à cette page pour visualiser le coût total de leur panier. Il est automatiquement mis à jour à chaque changement de quantité d’un produit ou d’un ajout.
3. Révision de la quantité de produit
Avec l’option « Mettre à jour la quantité », les utilisateurs de l’application peuvent même modifier la quantité de produit.
4. Retirez l’élément
Les utilisateurs de l’application peuvent facilement supprimer un produit de leur panier en sélectionnant « Supprimer » dans le menu.
6. Continuer à payer
En sélectionnant « Continuer vers la caisse », les utilisateurs de l’application mobile frontale peuvent accéder aux écrans de paiement et de validation de la commande. Sur l’écran de paiement, ils recevront une redirection.
6.8 Processus de paiement
Le processus de paiement dans le générateur d’applications mobiles WooCommerce est simplifié. Dans le processus de paiement de l’application mobile, les utilisateurs front-end ont la possibilité de choisir les détails d’expédition, les détails de facturation, les numéros de commande, les commentaires de commande, etc.
Les commandes peuvent être passées en quelques étapes simples sur les applications Android et iOS. 1. Les clients peuvent choisir et ajouter l’article souhaité à leur panier. Lorsqu’ils cliquent sur le panier, l’utilisateur peut également choisir la quantité de produits souhaitée. Les utilisateurs de l’application mobile frontale peuvent également consulter le nombre total de produits et les frais d’expédition. Au bas de la même page, le client peut également choisir d’utiliser n’importe quel coupon ou code de coupon. 2. L’utilisateur peut consulter la commande et voir plusieurs détails après avoir sélectionné l’option Continuer vers le paiement. tels que le coût du produit, le coût de l’expédition, l’adresse de livraison (qui peut être modifiée sur la même page), le récapitulatif de la commande (le nombre de produits), le coût total, etc. Sur la même page, le client peut également choisir son mode d’expédition préféré. L’option de commentaire de commande qui apparaît en bas de l’écran permet à l’utilisateur d’inclure également toute demande ou exigence particulière.
3. Après avoir sélectionné l’option « Continuer le paiement », l’utilisateur sera redirigé vers l’écran qui lui demandera son mode de paiement.
Les utilisateurs peuvent choisir parmi toutes les options de paiement du site Web sur cet écran. L’application d’achat comprend une option de paiement à la livraison comme mode de paiement standard. L’utilisateur sera redirigé vers l’écran de résumé de la commande après avoir terminé l’activité de paiement, où le client peut consulter le statut, le coût et d’autres informations concernant ses commandes. Les utilisateurs des applications mobiles frontales recevront également les messages contextuels de confirmation de commande sur l’écran de leur téléphone portable.
6.9 Écran Mon compte
Les utilisateurs de l’application de commerce électronique Android/iOS peuvent consulter toutes les informations de leur compte, y compris l’historique des commandes précédentes, sur l’écran Mon compte. Les options suivantes sont disponibles sur l’écran Mon compte :
Historique des commandes
Les utilisateurs peuvent prendre connaissance de tous les détails de la commande passée précédemment. La date de soumission de la commande, le numéro de commande, le prix et le statut de livraison sont tous visibles sur l’écran des utilisateurs.
2. Mettre à jour le profil :
Les utilisateurs peuvent également mettre à jour leurs informations de profil précédemment enregistrées, telles que leur nom ou prénom, leur numéro de téléphone et leur mot de passe.
3. Adresse(s) de livraison
Les utilisateurs de l’application ont accès à la liste complète des adresses de livraison enregistrées. À partir de là, vous pouvez également ajouter une nouvelle adresse de livraison.
4. Détails de la commande :
La liste complète des commandes d’applications précédemment passées est disponible pour les utilisateurs de l’application.
5. Fonction de réorganisation
En sélectionnant le bouton « Recommander », vous pouvez directement commander à nouveau un produit. En appuyant sur un seul bouton, toutes les commandes précédentes seront ajoutées au panier.
6.10 Écran de détail de la commande
L’écran des détails de la commande de l’application de commerce électronique WooCommerce affiche tous les aspects de la commande, y compris l’adresse de livraison, un résumé des produits, les options d’expédition et de paiement et le coût total. À partir de cet écran, les utilisateurs peuvent même suivre la livraison des commandes passées précédemment.
Bien qu’il existe différents marchés d’applications disponibles de nos jours, Google Play Store est le plus populaire et le plus grand de tous. Google Play vous permet non seulement de distribuer votre application à un large éventail d’utilisateurs, mais vous permet également de gérer la publicité et la vente de l’application. Envisagez-vous de publier une application sur le Google Play Store ? Ici, nous avons discuté de certaines exigences pour une soumission d’application transparente sur Play Store.
1. Créez un compte de développeur
Tout d’abord, l’utilisateur qui a l’intention de mettre en ligne le Play Store doit avoir un compte développeur pour publier l’application. Un paiement unique de 25 $ est requis pour ouvrir ce compte, ce qui ne peut être fait qu’une seule fois. L’utilisateur peut suivre les étapes mentionnées ci-dessous pour s’inscrire en tant que développeur en utilisant son compte Gmail.
Étapes pour créer un compte développeur Google Play
Tout d’abord, créez un compte de développeur Google Play.
Ensuite, autorisez le contrat de distribution du développeur.
Ensuite, payez les frais d’inscription.
Enfin, finalisez les informations de votre compte.
Pour des informations détaillées étape par étape, veuillez visiter le lien
2. Conditions préalables pour publier l’application sur le Google Play Store.
Dossier de candidature : – apk qui doit être publié sur le Play Store.
Brève description de l’application : – La courte description ne doit pas dépasser 80 caractères.
Description longue de l’application : – La description longue ne doit pas dépasser 4000 XNUMX caractères.
Icône de l’application : – Icône haute résolution au format png. (512*512). Ici, quelques conseils sont discutés pour faire unicône d’application efficace.
Caractéristiques graphiques : – Caractéristique graphique de résolution 1024px (largeur) * 500px (hauteur). Un joli graphique en vedette attire généralement plus d’utilisateurs et obtient des téléchargements pour votre application.
URL de la vidéo promotionnelle : – Vidéo tutoriel YouTube présentant l’utilisation de l’application (le cas échéant). Il doit durer entre 30 secondes et 2 minutes.
Il est temps de publier l’application dans le magasin après avoir tout préparé pour la soumission de l’application. Les étapes décrites ci-dessous illustrent comment vous pouvez distribuer votre application sur le Play Store –
Sélectionnez�Toutes les applications�puis cliquez sur le �Créer une candidature.
Dans l’écran contextuel, entrez le nom de votre application. Google autorise 30 caractères pour le titre de votre application Android.
Maintenant, vous serez redirigé vers le Liste des magasins sous le Présence en magasin page, ajoutez les détails suivants ici :
Brève description de l’application
Description longue de l’application
Icône d’application
Captures d’écran de l’application
Graphiques en vedette
YouTube Video
Sur la page de liste de magasin elle-même, il vous sera demandé de sélectionner le type d’application, qu’il s’agisse d’une application ou d’un jeu.
Sélectionnez la catégorie de votre application ou jeu auquel il appartient.
Entrez les coordonnées et l’URL de la politique de confidentialité de l’application. La politique de confidentialité est obligatoire pour la distribution de l’application.
Cliquez maintenant sur le ‘Enregistrer en tant que brouillon‘ et passer à ‘Communiqués de presse‘ option sous ‘Gestion des versions‘option.
Choisir Option Créer une version dans l’onglet production si vous souhaitez mettre votre application en production. L’application peut également être publiée sous test bêta et alpha avant d’être mise en production.
Sélectionnez le package d’application à télécharger sur Play Store.
Mettez à jour les notes de version de l’application et cliquez sur Enregistrer le brouillon.
Comme nous avons maintenant téléchargé le dossier de candidature (APK), vous pouvez maintenant demander à soumettre une évaluation du contenu pour l’application.
Ouvert Présence en magasin et sélectionnez Évaluation du contenu.
Remplissez le questionnaire et vous recevrez une évaluation du contenu basée sur les détails saisis.
Maintenant, revenez au ‘Versions de l’application’ languette
Sous la piste Production, sélectionnez Gérer
Cliquez sur le bouton Revoir en bas de l’écran. Vous serez redirigé vers les détails du package d’application et de la note de version.
Pour publier le package d’application sur Play Store, sélectionnez l’option “Déploiement en production” pour rendre l’application disponible pour publication.
Lorsque Google a traité votre demande, vous pouvez télécharger votre application depuis le Play Store.
Si vous êtes propriétaire d’une boutique de commerce électronique et que vous recherchez des applications d’achat natives pour l’une des plates-formes suivantes :
Cet outil prêt à l’emploi de Knowband créera et publiera une application sur le Google Play Store. Le créateur d’applications mobiles pour iOS et Android connecte en toute sécurité votre boutique aux applications mobiles. Les applications mobiles Android et iOS annulent automatiquement toutes les modifications que vous apportez sur le site Web. Par conséquent, des applications mobiles parfaitement synchronisées gèrent l’intégralité de la charge de travail sans nécessiter de synchronisation manuelle. Le plugin est livré avec 3 mois de support gratuit, y compris une version gratuite de l’application.
Conclusion
Ce sont quelques-unes des conditions préalables à la distribution de l’application sur le Google Play Store. Vous pouvez également trouver des informations détaillées sur la publication d’applications sur Google Store. Une fois que Google aura approuvé votre application, votre application rejoindra le Play Store. Cependant, Google rejette fréquemment des applications pour des raisons courantes qui ne sont pas prises en compte au moment de la soumission de l’application. Cependant, vous pouvez limiter les raisons du rejet et le republier facilement. Vous pouvez également créer une application mobile parfaite et la publier, gardez simplement à l’esprit les prérequis mentionnés ci-dessus.
Une application mobile est certainement l’une de ces solutions qui peut mener votre entreprise de commerce électronique dans des endroits lointains. Avec le soutien de l’application mobile Magento
Fonctionnalité 1.1 Saillant de Magento Mobile App Builder
Le Magento Mobile App Builder est livré avec certaines des principales fonctionnalités de vente incitatives: -> Disposition de l’écran d’accueil personnalisable (flexibilité totale) -> Image de marque du magasin -> Support de chat Zopim & WhatsApp (24 * 7) -> Google et Facebook Connexion -> Connexion OTP et empreinte digitale -> Assistance Tablet & Mobile -> Assistance Android 4.2 à Android 8.0 (Oreo) -> Assistance iOS 9 à iOS 11 -> Mise à jour automatique de l’inventaire -> Plusieurs couleurs et polices Choix -> Support multilingue et RTL (de droite à gauche) -> Support multi-devises -> Tous les types de produits pris en charge -> Méthode de paiement par site Web prise en charge par les applications -> Méthode d’envoi par le site Web prise en charge par les applications -> Intégration de méthodes de paiement personnalisées -> Notifications push illimitées -> Options de partage social de produit -> Plusieurs options de filtrage et de tri -> Recherche vocale avancée (Android uniquement) -> Fonctionnalité de liste d’envies -> Coupon / voucher de site Web pris en charge sur les applications . -> Écran de paiement simplifié -> Suivi des commandes en temps réel
Application mobile 2.0 Magento
KnowBand vous propose une démo GRATUITE des applications Magento Mobile Apps avant de procéder à l’achat. L’administrateur du magasin peut constater que les applications fonctionnent sur vos appareils de test.
2.1 Voir notre boutique de démonstration travaillant sur les applications
Nous avons créé un magasin de démonstration gratuit uniquement pour tester les fonctionnalités de l’application mobile Magento. Installez l’application sur votre appareil et explorez son fonctionnement sans faille.
Étape 1:Téléchargez et installez l’application mobile Nautica Magento sur votre appareil mobile. Voici les liens vers les applications: Apple App Store Google Play Store
Étape 2 :?Once the apps are successfully installed, open & tap “View Demo” option on the splash screen. Start testing the apps working with ease.
Remarque :?You can access the admin panel of Magento Mobile App Builder from ici .
2.2 View Your Store travaille sur des applications de démonstration
Toujours pas convaincu? Vous voulez tester votre propre site Web sur les applications de démonstration. Nous vous avons également couvert cela en seulement quelques étapes simples pour 3:
Étape 2 :?Install the demo Magento Apps on the testing devices & enter the store URL in View Your Store option.
Étape 3 :?Tap “View Your Store” and start experiencing your own website on Magento Android & iOS Apps.
Remarque : Cette version gratuite de Mobile App Builder est uniquement destinée à la démonstration et aucun fichier APK / IPA ne sera fourni avec ce module. Pour obtenir vos propres fichiers APK / IPA, vous devez acheter la version payante du Créateur d’applications mobiles Magento.
Processus 3.0 pour créer des applications mobiles Magento
Satisfait de nos applications de démonstration et vous en voulez une paire? Créez des applications mobiles Magento en seulement quelques étapes simples pour 3:
Étape 1: Module d’achat et d’installation sur votre site Web.
Obtenez une version payante deCréateur d’applications mobiles Magento de KnowBand & installez la même chose sur votre site web.
Étape 2: partage de certaines spécifications liées aux applications
Nous aurions besoin de certaines spécifications et exigences relatives aux applications de votre part. Pour cela, nous vous enverrons un pré-requis à former avec vous.
Étape 3: Obtenez vos applications Android et iOS dans les jours 1-2
Nos développeurs et notre équipe technique développeront les applications et vous contacteront dans les jours 1-2.
Note:?You can publish these APK/IPA files on respective app stores. Refer following links for the same:
S’il y a un problème lors de la publication de l’application sur les magasins respectifs, nous le ferons pour vous.
Écrans du panneau d’administration 4.0
Une fois l’achat et l’installation réussis de Magento Mobile App Builder, l’administrateur du magasin peut configurer le panneau principal. Sélectionnez Système >> Extensions KnowBand >> Générateur d’applications mobiles et vous trouverez les onglets suivants dans le module du module:
Paramètres généraux 4.1:
a) Activer / Désactiver: Activez / désactivez le module Magento Mobile App Builder pour que les applications fonctionnent sur le smartphone. b) Rediriger sur la page du panier lorsque Ajouter au panier: Réorientez les utilisateurs de l’application mobile vers l’écran du panier lorsqu’un utilisateur touche le bouton Ajouter au panier. c) Description abrégée de l’affichage: Activer pour afficher la description courte du produit sur les applications mobiles. d) Activer le rapport du journal des demandes: Cette fonctionnalité active le journal des erreurs sur les appareils mobiles. Ce fichier journal d’erreurs est utilisé pour rectifier toute erreur ou tout comportement anormal d’App. e) Activer la connexion par empreinte digitale: Activez l’option de connexion par empreinte digitale dans les applications mobiles. f) Activer l’enregistrement du numéro de téléphone: Activer la connexion / enregistrement du numéro de téléphone dans les applications mobiles. g) Sélectionner la mise en page pour la page d’accueil: Choisissez la disposition souhaitée pour l’écran d’accueil de votre application. Vous pouvez créer plusieurs mises en page sous l’onglet Mise en page de la page d’accueil, qui sera affiché ici dans le menu déroulant.
h) Méthodes d’expédition désactivées: Choisissez les méthodes d’expédition que vous ne souhaitez pas afficher sur les applications mobiles. i) Activer le support WhatsApp Chat: Activer / désactiver l’option de discussion WhatsApp sur les applications mobiles. J) Activer le support de chat en direct: Activer / désactiver les options de discussion Zopim dans les applications mobiles.
k) Activer le logo: Activer le logo dans vos applications mobiles. Vous pouvez télécharger l’image du logo qui sera affichée sur l’en-tête des applications mobiles. l) Couleur du bouton de l’application: Choisissez la couleur du bouton pour vos applications. m) Couleur du texte du bouton de l’application: Choisissez la couleur du texte du bouton pour vos applications. n) Couleur de fond de l’application: Choisissez la couleur de fond pour vos applications. o) Couleur du thème de l’application: Choisissez la couleur de thème pour vos applications.
Paramètres du menu 4.2 Mobile
Cet onglet de Magento Mobile App Maker permet à l’administrateur de la boutique d’afficher différentes pages de sites Web CMS sur les applications mobiles. Vous pouvez ajouter autant de pages personnalisées que vous le souhaitez. Mobile App Maker pour Magento vous permet d’afficher toutes les pages du site Web CMS sur l’application.
4.3 Méthodes de paiement:
le
Notifications Push 4.4:
a) Clé Firebase: Entrez la clé Google Firebase pour envoyer des notifications push sur vos applications Magento. Vous pouvez ignorer ce paramètre pour la version gratuite. Nous installerions le même
b) Notification de succès de la commande: Configurez la notification automatique de création de commande qui serait envoyée automatiquement à l’utilisateur qui crée avec succès une commande. c) Notification de mise à jour du statut de la commande: Configurez la notification automatisée de mise à jour du statut de la commande, qui serait envoyée automatiquement aux utilisateurs chaque fois qu’il y a une mise à jour du statut de livraison de la commande. d) Notification de panier abandonné: Configurez la notification automatisée du panier abandonné qui serait automatiquement envoyée aux utilisateurs qui ont laissé leurs produits dans le panier. Cette notification est envoyée à plusieurs reprises aux utilisateurs après une durée déterminée. e) Envoyer une notification:
Si l’administrateur du magasin estime qu’il est nécessaire de mettre en évidence les offres ou les remises quotidiennes, des notifications personnalisées peuvent également être envoyées aux utilisateurs de l’application. Ces notifications peuvent être configurées à partir du panneau principal et seront diffusées à tous les utilisateurs de l’application.
Mise en page de la page d’accueil 4.5
Magento Mobile App Builder propose, dans vos applications, un écran d’accueil personnalisable dont vous pouvez configurer la présentation. Vous pouvez créer et enregistrer plusieurs mises en page selon différents thèmes, festivals ou événements et les sélectionner pour votre application selon vos besoins.
Le module offre la possibilité d’ajouter autant de mises en page que nécessaire, ainsi que les options permettant de modifier les mises en page précédentes.
Dans la présentation de la page d’accueil de Magento Mobile App Creator, l’administrateur du magasin est autorisé à modifier et à personnaliser les éléments de conception suivants:
Top catégories:
Les catégories principales sont affichées sous forme de petits carrés sur l’écran d’accueil, qui peuvent être configurés à partir du backend à l’aide d’images et de pages de destination.
Bannière carrée:
Square Banner est une liste configurable en forme de carré sur l’écran d’accueil dont l’image et les pages de destination peuvent être configurées à partir du module.
Bannière coulissante:
Les bannières peuvent également être affichées en glissement horizontal et leur image / page d’arrivée peut être configurée à partir de l’interface principale.
Bannière de la grille:
Les bannières peuvent également être affichées sous forme de liste de grille sur l’écran d’accueil de l’application mobile. Ces images de bannière et pages de destination peuvent être personnalisées facilement à partir de
Bannière du compte à rebours:
L’application Mobile App Maker de Magento eCommerce propose une bannière avec compte à rebours sur votre écran d’accueil afin de vous proposer une vente à durée déterminée (vente flash). Le minuteur de bannière, l’image, la page de destination peuvent être configurés à partir du panneau principal.
Produits Carrés:
Les produits de votre magasin peuvent être répertoriés sur l’écran d’accueil de l’application dans la liste carrée.
Produits coulissants
Les produits peuvent être affichés dans la vue coulissante sur l’écran d’accueil de l’application mobile et peuvent être configurés à partir du panneau principal.
Produits de grille:
Les produits peuvent également être affichés dans la vue de grille sur l’écran d’accueil de l’application mobile. Ces listes peuvent être configurées comme indiqué dans l’instantané ci-dessous:
Produits récemment consultés:
Le Créateur d’applications mobiles Magento apporte un élément supplémentaire parmi les produits récemment consultés. Cet attribut affiche les produits dans la vue mobile récemment visités par l’utilisateur.
Écrans de l’application mobile 5.0:
Écran d’accueil 5.1:
Magento Mobile App Builder offre un écran d’accueil dynamique dans les applications mobiles qui peut être facilement conçu à partir du panneau principal. L’administrateur du magasin bénéficie de la flexibilité nécessaire pour concevoir et concevoir l’écran d’accueil selon son choix. Le Magento Mobile App Builder offre les éléments de conception suivants: -> Catégories principales -> Bannières carrées -> Bannières coulissantes -> Bannières de grille -> Produits carrés -> Produits coulissants -> Produits de grille -> Compte à rebours Bannière de minuterie -> Produits récemment vus Le positionnement de ces attributs peut également être modifié avec un simple glisser-déposer.
a) Mises en page dynamiques: Créez vous-même des présentations d’écran d’accueil attrayantes qui vous connectent avec les utilisateurs et les obligent à effectuer l’achat.
b) Logo du site Web: Ajoutez le logo de votre boutique dans le module et affichez-le de la même manière dans l’en-tête de l’application.
c) Recherche: L’option de recherche de Magento Mobile App permet aux utilisateurs de rechercher des produits sans soucis. La recherche par mot-clé et recherche vocale permet aux acheteurs d’obtenir plus facilement le bon produit en un temps record.
d) Liste de souhaits: L’option de liste de souhaits dans l’application mobile Magento vous permet de créer un signet pour les produits concernant les achats futurs.
e) Panier d’achat: Les utilisateurs peuvent accéder au panier à partir du coin supérieur droit de l’écran d’accueil.
f) Chat WhatsApp / Zopim: Les utilisateurs de votre application mobile Magento peuvent vous contacter directement pour toute question ou problème via l’option de chat WhatsApp & Zopim sur l’écran d’accueil.
Menu 5.2 Accordion (barre de navigation)
Les applications mobiles Magento pour Android et iOS proposent une catégorisation facile à utiliser des produits de votre magasin. Les acheteurs en ligne peuvent parcourir toutes les catégories de la barre de navigation, ainsi que toutes les pages du système de gestion de contenu. Les catégories du menu Accordéon sont les mêmes que celles de votre magasin et offrent les options suivantes:
Mon compte:
L’écran Mon compte de Magento Mobile App contient toutes les informations sur l’utilisateur, telles que les détails personnels, l’adresse de livraison et les détails de la commande. Les utilisateurs ont même la possibilité d’enregistrer leur empreinte digitale. Les acheteurs en ligne ont la possibilité d’afficher toutes les informations personnelles ici et de mettre à jour le mot de passe.
Catégories:
Toutes les catégories de votre magasin sont également récupérées sur les applications mobiles. Proposez aux utilisateurs de votre application une catégorisation à plusieurs niveaux et laissez-les parcourir les produits en toute simplicité.
Pages CMS:
Toutes les pages de votre site Web telles que À propos de nous, Contactez-nous, Conditions générales, etc. seront affichées ici.
Langue (s):
Les applications mobiles Magento sont à la fois multilingues et prises en charge par RTL. Les utilisateurs peuvent choisir la langue souhaitée et tout le contenu de l’application sera traduit en conséquence. Toutes les langues disponibles sur le magasin sont affichées ici.
Monnaie (s):
Tout comme les langues, toutes les devises disponibles sur votre site Web seront affichées dans Magento Mobile Apps. Cela permet aux utilisateurs d’effectuer les paiements avec l’option de devise souhaitée.
Écran de catégorie 5.3:
Toutes sortes de catégories disponibles dans vos magasins Magento seront également affichées dans les applications mobiles. L’écran de catégorie a deux vues: la vue Grille et la liste. L’image, le nom et le prix du produit sont affichés pour toutes les listes de produits. Les applications mobiles avec Magento Mobile App Maker disposent de multiples options de filtrage et de tri qui simplifient la recherche de produits pour les utilisateurs.
Vue de grille et de liste:
Les produits peuvent être affichés en vue grille et liste.
Trier:
L’option de tri dans Magento Mobile Apps permet aux utilisateurs de voir les produits dans les catégories Bas à Haut ou Haut à Bas.
Filtre:
Filtrez les produits de la catégorie avec divers attributs tels que prix, coût, etc. & recherchez les produits souhaités sans aucun effort.
Écran de produit 5.4:
L’écran du produit de Magento Mobile App est aussi simple et facile à utiliser que possible. Chaque produit a plusieurs images affiché avec nom et prix. La disponibilité du produit est également affichée comme “En stock” ou “En rupture de stock”. L’écran du produit offre les autres options suivantes:
Options du produit:
Diverses options liées au produit, telles que la taille, la couleur, etc., sont affichées sur l’écran du produit. Ces options sont les mêmes que celles disponibles sur votre site Web.
Description courte:
Les utilisateurs ont la possibilité de lire rapidement la description de votre produit pour se faire une idée rapidement. L’Application mobile Magento affiche une description courte et complète des produits.
Informations sur le produit et entretien:
Toutes les informations relatives au produit spécifique sont affichées dans cette section. Ce sont les mêmes informations que sur le site.
Ajouter à la liste de souhaits:
Les utilisateurs peuvent même ajouter les produits dans le panier de souhaits à partir d’ici. Les produits ajoutés à la liste de souhaits sont mis en signet pour l’achat futur.
Ajouter au panier:
Le bouton Ajouter au panier vous permet d’ajouter un produit dans le panier qui pourra être traité ultérieurement lors d’une création de commande réussie.
Partage social de produit:
L’Application mobile Magento a la possibilité de partager les produits sur différentes plates-formes sociales, Bluetooth et e-mail. Les utilisateurs peuvent partager les produits avec leurs amis et parents et amener des utilisateurs potentiels dans votre magasin.
Écran de liste de souhaits 5.5:
le
Ajouter
le
Retirer
le
Écran de connexion 5.6
Magento Mobile App Creator offre diverses options de connexion en un clic et simplifie le processus de connexion / enregistrement:
Vous devez vous identifier:
Les utilisateurs de l’application peuvent s’authentifier et accéder aux applications Magento Mobile à l’aide des informations d’identification de connexion par e-mail.
S’inscrire:
Tous les nouveaux utilisateurs peuvent s’inscrire et créer leur compte sur le magasin à partir de l’application mobile. Le formulaire d’inscription de Magento Mobile App est totalement épuré.
Connexion avec numéro de téléphone:
Votre application mobile Magento propose également une option de connexion par numéro de téléphone, qui permet aux utilisateurs de vérifier OTP et la connexion sans tracas.
Connexion avec empreinte digitale:
Les utilisateurs de votre application ont également la possibilité de se connecter avec une empreinte digitale. Cette authentification biométrique permet aux utilisateurs de se connecter aux applications en quelques secondes.
Se connecter avec Facebook:
Les utilisateurs peuvent se connecter aux applications mobiles à l’aide de leurs informations de compte Facebook.
Connexion avec Google+:
Les utilisateurs peuvent se connecter à l’application à l’aide de leurs informations d’identification de compte Google+.
Écran du panier d’achat 5.7:
L’écran du panier de votre application mobile Magento affichera tous les produits ajoutés au panier. L’utilisateur de l’application peut afficher le nom du produit, la quantité, le prix total et les frais d’expédition. Cet écran présente les options suivantes:
1. Appliquer le bon:
Cette option permet aux utilisateurs d’obtenir des réductions et des offres en saisissant des coupons et des bons valides valables sur votre site Web.
2. Prix total du produit:
Les utilisateurs peuvent afficher le coût total de leur panier, qui est automatiquement mis à jour en fonction de tout ajout dans le panier.
3. Mettre à jour la quantité de produit:
Les utilisateurs peuvent même mettre à jour la quantité de produit spécifique.
4. Supprimer le produit:
Les utilisateurs de l’application peuvent simplement retirer le produit du panier.
5. Continuer vos achats:
Les utilisateurs de l’application peuvent quitter le panier pour parcourir davantage de produits sur votre application. Les clients seront redirigés vers l’écran d’accueil en appuyant sur l’option Continuer les achats.
6. Continuer à la caisse
Les utilisateurs de l’application peuvent accéder aux écrans de paiement et de paiement en appuyant simplement sur l’option “Continuer jusqu’à la commande”. Il redirigera les utilisateurs sur l’écran de paiement.
Écran de paiement 5.8
Les applications mobiles créées avec Magento Mobile App Maker ont une approche de paiement simplifiée sur un seul écran. Les utilisateurs peuvent examinez les détails complets de la commande, tels que les détails d’expédition, les détails de facturation, le récapitulatif de la commande, le commentaire de la commande, le récapitulatif des paiements avant.
Adresse de livraison:
L’écran de paiement de l’écran Magento Mobile Apps fournit des détails sur toutes les adresses enregistrées par l’utilisateur. Si nécessaire, l’utilisateur peut également modifier / enregistrer une nouvelle adresse de livraison. Le coût total de la commande est également affiché sur cet écran.
Détails de facturation:
Les utilisateurs peuvent même entrer les détails de facturation ainsi que les détails d’expédition pour leur achat. Ils peuvent également choisir que l’adresse de livraison soit la même que l’adresse de facturation.
Récapitulatif de la commande:
Les utilisateurs de l’application ont la possibilité de consulter les détails du produit acheté ainsi que la quantité avant de procéder à l’achat final.
Méthodes de livraison:
Toutes les méthodes d’expédition exécutées sur votre site Web sont également affichées sur l’écran de paiement. Les utilisateurs peuvent choisir celui qui leur convient d’ici.
Commentaire de commande:
Les utilisateurs de l’application peuvent également ajouter tout commentaire relatif à leur commande qui sera visible par l’administrateur du magasin dans le backend.
Écran de paiement 5.9:
L’écran de paiement de Magento Mobile App affiche à la fois les méthodes de paiement en mode Web et les applications natives. Les applications mobiles Magento prennent en charge toutes sortes d’options de paiement sur site Web, ainsi que les méthodes de paiement PayPal et COD. En outre, diverses autres options de paiement natives telles que PayU, Apple Pay, Amazon Pay, Braintree, Stripe, etc. peuvent également être ajoutées à un prix équitable dans votre application mobile.
Écran 5.10 Mon compte
L’écran Mon compte de l’application Magento Android / iOS permet aux utilisateurs d’afficher les détails complets du compte, y compris la liste de toutes les commandes passées. Mon compte
Historique des commandes:
Les utilisateurs ont connaissance des détails complets de la commande créés sur l’application. La date de création de la commande, la référence, le prix et le statut de livraison sont disponibles sur cet écran.
Mettre à jour le profil:
Les utilisateurs peuvent également mettre à jour les détails de leur profil préenregistrés, tels que nom ou prénom, numéro de téléphone et mot de passe.
Adresse (s) d’expédition:
Les utilisateurs de l’application peuvent voir la liste complète des adresses d’expédition enregistrées. Une nouvelle adresse de livraison peut également être ajoutée à partir d’ici.
Détails de la commande:
Les utilisateurs de l’application peuvent afficher la liste complète des commandes passées précédemment à partir de l’application.
Fonction de re-commande:
Il existe une fonctionnalité de re-commande directe permettant aux utilisateurs de répéter la commande simplement en cliquant sur le bouton “Re-commander”.
Écran Détails de la commande 5.11
L’écran des détails de la commande de Magento pour Android et iOS fournit des informations détaillées sur la commande, telles que l’adresse d’expédition, le récapitulatif du produit, le mode d’expédition et de paiement et le récapitulatif du coût total. Ce détail de commande est de la commande précédente passée par vous. Les utilisateurs peuvent même suivre la livraison des commandes passées directement à partir de cet écran.
Marché 6.0 Advanced Magento
Le marché Magento de KnowBand convertit votre site Web en ligne en un marché à part entière. Magento Mobile App Builder est entièrement compatible avec Extension Magento Marketplace. Cela signifie que vous pouvez intégrer l’intégralité de la liste des places de marché sur les mêmes applications Magento Mobile. Lancez donc une paire d’applications mobiles compatibles avec Marketplace avec KnowBand et attirez une large base de vendeurs et de clients dans votre magasin. -> Lorsque l’utilisateur clique sur l’option Vendeur, il est redirigé vers la page Vendeur du magasin mobile. L’utilisateur peut voir la liste des vendeurs du marché avec leur note. -> Les clients peuvent cliquer sur le nom du vendeur afin de voir son profil et le produit offert. Les vendeurs peuvent se connecter avec leur nom d’utilisateur et leur mot de passe. Ils sont ensuite redirigés vers le tableau de bord.
En savoir plus sur le plugin Magento Mobile App Builder avec:
Le commerce mobile a pris une longueur d’avance sur le commerce électronique en ligne ces dernières années. Il s’est révélé être le moyen le plus efficace de favoriser les conversions et les ventes de votre entreprise. Nous pouvons constater aujourd’hui que chaque individu a accès aux smartphones et à l’Internet, de nouvelles portes d’opportunités commerciales et de croissance se sont ouvertes. Ainsi, si vous exploitez actuellement un magasin OpenCart mais que vous n’êtes pas encore prêt pour les applications de shopping mobile, vous devez également prendre en compte OpenCart Mobile App Builder de KnowBand.
Comment l’extension Mobile App Builder est la bonne solution pour vous?
OpenCart Mobile App Builder est une structure innovante et automatisée grâce à laquelle vous pouvez facilement créer des applications de magasinage natives Android et iOS. Cette extension vous évite toute sorte de détails techniques ou d’implication dans le codage, que ce soit pour le développement ou la gestion. Ce Mobile App Maker eCommerce natif permet à votre site Web de se synchroniser avec les applications en temps réel. Ainsi, vous n’avez pas besoin de gérer l’inventaire des applications manuellement. Tous les détails et informations du site Web seront automatiquement récupérés sur les applications. De plus, le module convivial vous permet de contrôler vous-même la conception et le flux de travail des applications. Explorons plus en détail le fonctionnement de ce plugin.
OpenCart Mobile App Builder: Versions gratuites et payantes
Version GRATUITE – Pour tester votre magasin sur les applications de démonstration:
Vous voulez savoir à quoi ressemblera votre magasin sur les applications mobiles? Utilisez la version gratuite d’OpenCart Mobile App Maker de KnowBand et soyez satisfait avant même l’achat. Suivez ces étapes simples pour tester le même:
Etape 1: Installer le module sur votre boutique
Vous avez juste besoin d’obtenir un module GRATUIT de ici .?You will receive a zipped file in your downloads section. Install the same on your store using FTP details. After successful installation, enable the module from backend.
Étape 2: Installer des applications de démonstration sur votre appareil
Ouvrez l’application et entrez l’URL de votre site Web. Ça y est, maintenant votre magasin va fonctionner sur nos applications.
PAID Version – Pour créer et publier vos propres applications:
Créer et obtenir une application Android et iOS n’a jamais été aussi facile avec OpenCart Mobile App Builder. C’est juste une question d’étapes simples pour 3:
Étape 2 : Remplissez notre formulaire de pré-requis. Étape 3 : Obtenez les dernières applications dans les jours 2-3. En plus de cela, le module fournit un contrôle d’arrière-plan complet ainsi que des mois d’assistance gratuite pendant 3. Nous publierions même les applications gratuitement pour vous.
Principales caractéristiques avec
1. Personnaliser et concevoir l’écran d’accueil de l’application:
L’administrateur OpenCart Store a la possibilité de personnaliser et de créer plusieurs mises en page dans l’arrière-plan du module. Avec cette fonctionnalité, vous pouvez concevoir l’écran d’accueil selon diverses occasions et festivals. Vous pouvez même éditer les mises en page pré-enregistrées à tout moment. Voici la liste des éléments de conception disponibles dans le backend: Catégories principales (icônes de catégorie carrées) Bannières carrées (bannières en forme carrées) bannière de vente flash) Produits Square (listes de produits de forme carrée) Curseurs horizontaux (Curseurs de produits de forme rectangulaire) Produits de grille (Produits multiples sous forme de grille) Produits récents (Produits visités récemment par l’utilisateur)
2. Synchronisation en temps réel:
Garder tout synchronisé est une tâche difficile mais nécessaire pour un administrateur de magasin de commerce électronique. OpenCart Mobile App Builder établit une synchronisation parfaite entre site Web et applications, ce qui permet de disposer de tout l’inventaire sur les applications mobiles.
3. Accès complet au backend:
OpenCart Mobile App Builder vous donne le contrôle complet du backend pour effectuer les modifications dans l’application et le gérer vous-même. Vous pouvez facilement personnaliser la conception de vos applications mobiles et d’autres fonctionnalités en quelques clics de souris.
4. Processus de connexion simplifié:
Mobile App Builder pour OpenCart propose diverses options de connexion, telles que Google, Facebook, un numéro de téléphone (OTP) et une empreinte digitale, qui permettent aux utilisateurs de saisir plus facilement vos produits et applications.
5. Fournissez une discussion directe sur Zopim et WhatsApp:
Il est beaucoup plus facile de résoudre rapidement vos requêtes utilisateur avec le chat intégré Zopim (anciennement connu sous le nom de Zendesk) et le chat WhatsApp dans vos applications mobiles.
6. Support multilingue et RTL:
Il est difficile de développer différentes applications dans différentes langues. En développant les applications Android et iOS avec OpenCart Mobile App Maker, vous pouvez facilement étendre votre portée dans le monde entier. Les applications mobiles prennent en charge plusieurs langues, y compris RTL.
7. Notifications Push personnalisées:
Vous pouvez facilement envoyer des notifications push manuelles et automatiques illimitées aux utilisateurs d’applications à partir du backend d’OpenCart Mobile App Builder. Cet outil promotionnel aide à stimuler l’engagement, les ventes et les revenus de votre magasin.
8. Support des méthodes d’expédition:
OpenCart Mobile App Builder prend en charge toutes sortes de méthodes d’expédition de sites Web sur des applications mobiles. Vous pouvez offrir la même expédition aux utilisateurs de l’application que sur le site Web.
9. Marque blanche complète:
Vos applications OpenCart Mobile porteront la marque de votre site Web. Vous pouvez utiliser votre propre écran de démarrage, icône, etc. sur l’application. Le logo du magasin peut également être ajouté à l’en-tête des applications mobiles.
10. Des promotions mobiles plus faciles:
Le module OpenCart Mobile App Builder offre une fonctionnalité de notification push personnalisée grâce à laquelle l’administrateur du magasin peut envoyer des notifications push pour les ventes et les promotions aux utilisateurs et améliorer la rétention des utilisateurs et leurs revenus.
11. Navigation améliorée en couches:
OpenCart Mobile Apps offre la navigation la plus simple avec filtrage / tri, recherche par mot-clé / recherche vocale. La fluidité de l’écran guide les utilisateurs vers les produits souhaités en un rien de temps.
12. Inclure les paiements multiples:
OpenCart Mobile App Maker apporte en outre tous les modes de paiement de votre site Web sur les applications mobiles ainsi que Paypal & COD. En outre, tout autre paiement natif peut également être intégré à l’application pour un prix équitable. Les applications prennent même en charge plusieurs devises.
13. Soutien des bons et des bons d’achat:
Chaque coupon de réduction / offre ou code de coupon actif sur votre site Web fonctionnera également sur les applications mobiles.
14. Paiement simplifié pour les commandes faciles:
Avec un processus de validation sur un seul écran, les applications OpenCart Android et iOS simplifient la soumission des commandes pour les acheteurs mobiles. Cela aide à améliorer l’expérience d’achat des utilisateurs et, finalement, les ventes.
15. Suivi des commandes en temps réel:
Les applications mobiles avec OpenCart Mobile App Builder ont la fonctionnalité pour afficher l’état de livraison précédent de la commande d’applications. Le statut de la commande est automatiquement mis à jour sur l’application en tant que site Web.
16. Gamified Spin Win (pop-up d’abonnement par e-mail):
Vous pouvez proposer un abonnement électronique à votre application avec une interface spin-win ludique. Cela aide à capturer les données utilisateur qui peuvent ensuite être utilisées à des fins de re-marketing. Vous devez simplement installer l’extension OpenCart Spin & Win sur votre boutique. La même fenêtre contextuelle fonctionnera également sur votre site Web.
Nos applications mobiles sont même compatibles avec le plug-in de marché multi-fournisseurs OpenCart. L’ensemble du marché peut être amené sur les mêmes applications mobiles sans aucun effort. Vous pouvez visiter ce module combiné (Marketplace + Mobile App) pour plus de détails:
Il est temps de rattraper son retard et les applications mobiles pourraient être l’accélérateur manquant pour votre site Web. Alors, allez-y et lancez dès aujourd’hui une paire complète d’applications de shopping.
Développez une application mobile FlutterOpenCart pour votre boutique e-commerce avec le générateur d’applications mobiles OpenCart de KnowBand et constatez une augmentation soudaine des conversions et des ventes de votre boutique.
1.0 Présentation
Si vous êtes propriétaire d’un site web OpenCart et que vous y vendez actuellement des produits, essayez la solution d’applications mobiles automatisée de KnowBand et développez votre activité sur mobile. L’outil de création d’applications mobiles OpenCart est un framework préconfiguré conçu pour développer des applications Flutter pour Android et iOS pour votre site web. Cette solution d’application mobile prête à l’emploi est la plus avancée et la plus intelligente pour posséder deux boutiques Android et iOS entièrement fonctionnelles, sans aucune compétence en programmation. KnowBand s’est imposé dans le secteur du e-commerce comme un fournisseur leader d’applications mobiles pour la quasi-totalité des principales plateformes e-commerce. Son outil de création d’applications mobiles OpenCart est le moyen le plus simple de créer des applications mobiles OpenCart riches en fonctionnalités en seulement 3 étapes : 1. Achetez… OpenCart Mobile App Builder 1. Extension. 2. Partagez les spécifications et exigences relatives à l’application. 3. Obtenez votre application FlutterOpenCart personnalisée en 2 à 3 jours. Chez KnowBand, nous sommes une équipe exceptionnellement compétente de programmeurs, de concepteurs et d’autres professionnels qualifiés. Nous pouvons vous fournir une application mobile OpenCart parfaitement adaptée à vos attentes et à vos besoins commerciaux. Si vous hésitez encore quant à l’utilité de cette application mobile pour votre boutique OpenCart, laissez-nous vous présenter notre formidable outil de création d’applications mobiles OpenCart.
Dernières améliorations de l’éditeur d’applications mobiles Opencart v4.8
L’extension OpenCart Mobile App Builder introduit désormais deux nouvelles intégrations puissantes avec Extension de chatbot alimentée par l’IA et de la Extension Opencart VideoMateCes dernières intégrations améliorent considérablement l’engagement client, automatisent le support et optimisent la présentation des produits au sein de votre application mobile.
Le Extension de chatbot IA pour Opencart exploite des modèles d’IA populaires et avancés de 2026, tels que OpenAI ChatGPT, Google Gemini, Claude et DeepSeek, permettant une interaction client intelligente et en temps réel directement au sein de l’application mobile.
Le Extension Gestionnaire vidéo Opencart transforme l’expérience d’achat avec carrousels vidéo immersifs et lecteur vidéo flottant, aidant ainsi les commerçants à présenter leurs produits dans un format plus attrayant et axé sur la conversion.
Ensemble, ces fonctionnalités font d’OpenCart Mobile App Builder une solution de commerce mobile complète, basée sur l’IA, pour les boutiques en ligne modernes.
1.1 Principales caractéristiques de l’outil de création d’applications mobiles OpenCart :
Voici quelques-unes des principales fonctionnalités de vos applications mobiles OpenCart : –> Mise en page de l’écran d’accueil personnalisable (flexibilité totale) –> Personnalisation de la marque de la boutique –> Assistance par chat WhatsApp (24h/24 et 7j/7) –> Connexion Google et Facebook –> Connexion par code OTP et empreinte digitale –> Compatibilité tablettes et mobiles –> Compatibilité Android 4.2 et versions ultérieures –> Compatibilité iOS 9 et versions ultérieures* –> Mise à jour automatique des stocks –> Choix multiples de couleurs et de polices –> Prise en charge multilingue et RTL (de droite à gauche) –> Prise en charge multidevises –> Prise en charge de tous les types de produits –> Prise en charge des méthodes de paiement du site web sur les applications –> Prise en charge des méthodes d’expédition du site web sur les applications –> Intégration de méthodes de paiement personnalisées –> Notifications push illimitées –> Options de partage des produits sur les réseaux sociaux –> Options de filtrage et de tri multiples –> Fonctionnalité de liste de souhaits –> Prise en charge des coupons/bons d’achat du site web sur les applications. –> Écran de paiement simplifié –> Suivi des commandes en temps réel –> Menu accordéon fluide –> Affichage clair des produits et des catégories. Visionnez également la vidéo sur le Nouvelles fonctionnalités des créateurs d’applications mobiles de Knowband:
1.2 Améliorations récentes dans Opencart Mobile App Builder !
1. Position dynamique de la fenêtre contextuelle d’inscription/connexion dans la mise en page de la page d’accueil : Les administrateurs peuvent désormais personnaliser la position de la fenêtre contextuelle d’inscription/connexion sur la page d’accueil, offrant ainsi une expérience utilisateur plus flexible.
2. Pages de révision améliorées :
Rédiger un avis : Processus simplifié permettant aux clients de laisser des commentaires.
Lire l’avis : Interface améliorée pour la consultation des avis.
Avis sur la page produit : Les avis sont désormais plus accessibles directement sur les pages produits.
3. Vidéo dans les éléments de bannière : Nous avons ajouté des options vidéo aux bannières disponibles pour la page d’accueil de l’application. L’administrateur peut désormais intégrer une vidéo YouTube ou importer une vidéo de moins de 2 Mo pour les bannières carrées, horizontales, en grille et avec compte à rebours.
4. Mises à jour par notification push : Firebase a récemment abandonné officiellement son ancienne API de messagerie cloud. De ce fait, les configurations d’administration prennent désormais en charge le chargement de fichiers JSON de clés Firebase pour une gestion simplifiée.
5. Redirection du CMS et de la mise en page dans les bannières et les éléments de catégorie : Les bannières et les éléments de catégorie disponibles dans la mise en page de la page d’accueil prennent désormais en charge la redirection vers le CMS et les mises en page multicouches.
6. Défilement automatique des bannières dans le carrousel horizontal : Les bannières horizontales défilent désormais automatiquement, ce qui améliore l’engagement des utilisateurs. L’administrateur peut également définir l’intervalle de temps entre ces défilements automatiques.
7. Affichage en liste et en grille pour l’écran de liste des produits : Sur la page de présentation des produits, les utilisateurs peuvent basculer entre l’affichage en liste et en grille pour une navigation plus aisée. Cette nouvelle fonctionnalité améliore non seulement l’interface utilisateur, mais offre également un confort accru aux clients lors de la consultation des produits.
8. Notification commune de l’administrateur : Les administrateurs peuvent désormais envoyer des notifications communes à tous les utilisateurs, garantissant ainsi que les messages importants parviennent à chacun. De plus, les clients peuvent consulter toutes les notifications précédentes dans l’onglet « Notifications » de l’application.
9. Élément de bannière personnalisé dans la mise en page de la page d’accueil : Désormais, l’administrateur d’Opencart peut télécharger des bannières de n’importe quelle taille, offrant ainsi une plus grande personnalisation de la page d’accueil.
10. Redirection dans l’élément de catégorie principale : Les éléments de catégorie principale prennent désormais en charge la redirection vers des mises en page spécifiques, améliorant ainsi la navigation des utilisateurs.
11. Paramètres publicitaires : L’outil de création d’applications mobiles OpenCart amélioré permet aux administrateurs de boutiques de monétiser leurs applications en y intégrant des publicités. Grâce à l’intégration de Google AdMob, ils peuvent désormais afficher des bannières publicitaires sur différentes pages de l’application, ce qui leur permet de générer des revenus supplémentaires tout en fidélisant les utilisateurs.
12. Paramètres de navigation : Grâce à des options de personnalisation flexibles, l’administrateur de la boutique peut ajuster l’apparence de la barre d’onglets. Désormais, les modules lui permettent de choisir les noms, de définir les redirections, de sélectionner les icônes et de personnaliser les couleurs, offrant ainsi une expérience utilisateur unique et à l’image de la marque, en harmonie avec le style de sa boutique.
Créateur d’applications mobiles OpenCart de Knowband
L’outil de création d’applications mobiles OpenCart de Knowband vous permet de créer une application mobile pour votre boutique sans coder. Transformez facilement votre site web en une application conviviale !
KnowBand propose une démonstration d’applications mobiles OpenCart avant le développement proprement dit. Cette démonstration est gratuite pour tous les propriétaires de boutiques en ligne.
2.1 Consultez notre boutique de démonstration fonctionnant sur les applications
Découvrez les fonctionnalités de notre application grâce à notre démo d’application mobile OpenCart. Nous avons intégré notre boutique de démonstration à l’application afin de vous permettre d’en explorer le fonctionnement. Il vous suffit de suivre ces instructions simples :
Étape 1 : Téléchargez et installez l’application mobile Nautica OpenCart sur votre appareil de test. Voici les liens vers les applications de démonstration OpenCart :–> App Store d’Apple-> Google Play Store
Étape 2 : Ouvrez l’application et appuyez sur le bouton « Voir la démo » affiché sur l’écran d’accueil. Saisissez quelques informations pertinentes comme votre nom, votre adresse e-mail et l’URL de votre boutique pour découvrir notre boutique de démonstration.
À noter: Pour accéder au panneau d’administration de l’outil de création d’applications mobiles OpenCart de KnowBand sur notre boutique de démonstration, cliquez ici.
2.2 Visualisez votre boutique en fonctionnement sur des applications de démonstration
Vous souhaitez tester votre propre boutique sur les applications de démonstration ? Eh bien, nous avons rendu cela possible en 3 étapes simples :
Étape 2 : Installez les applications de démonstration (liens dans la section précédente) sur votre appareil mobile de test. Ouvrez l’application et saisissez l’URL de votre site web dans « Voir votre boutique ».
Étape 3 : Appuyez sur « Voir votre boutique » et commencez à découvrir votre propre boutique sur les applications de démonstration OpenCart.
À noter: Cette version gratuite de Mobile App Builder est uniquement destinée à la démonstration et ne fournit aucun fichier APK/IPA. Pour obtenir vos propres fichiers APK/IPA, vous devez acheter la version payante. Créateur d’applications mobiles OpenCart.
3.0 Créer une application mobile OpenCart en 3 étapes simples
Une fois que vous êtes satisfait du fonctionnement des applications de démonstration, il est temps de créer vos propres applications mobiles. Le processus de développement d’applications mobiles avec OpenCart Mobile App Builder se résume à ces 3 étapes simples : Étape 1 : Achetez et installez le module sur votre site web. Téléchargez le fichier zip OpenCart Mobile App Builder Installez ensuite l’application sur votre boutique en utilisant vos identifiants FTP. Étape 2 : Partagez les spécifications de votre application. Veuillez nous communiquer les détails et les exigences de votre application via notre formulaire de prérequis. Étape 3 : Recevez vos applications Android et iOS en 1 à 2 jours. Nos développeurs qualifiés vous livreront vos applications sous 1 à 2 jours.
À noter: Vous pouvez publier ces fichiers APK/IPA sur les plateformes de téléchargement d’applications respectives. Consultez les liens suivants :
En cas de problème lors de la publication de l’application sur les différentes plateformes de téléchargement, nous nous en chargerons pour vous.
4.0 Écrans du panneau d’administration
Une fois l’extension OpenCart Mobile App Builder installée sur votre site web, examinons la configuration de son interface d’administration. Pour cela, rendez-vous dans Extensions > Modules > KnowBand Mobile App Creator et cliquez sur « Configurer ». Vous verrez alors les interfaces suivantes :
4.1 Paramètres généraux :
a) Statut : Activez/désactivez le module OpenCart Mobile App Builder pour que les applications fonctionnent sur les appareils mobiles.
b) Activer l’option « De retour en stock » : Cette option permet à l’administrateur d’activer/désactiver le module de retour en stock de Knowband dans les applications.
c) [Nouveau] Activer Spin & Win : Cette option permet à l’administrateur d’activer ou de désactiver le module Spin & Win de Knowband dans l’application mobile.
d) [Nouveau] Activer le chatbot IA : Vous pouvez désormais activer le chatbot IA sur votre application mobile grâce à l’extension Opencart AI Chatbot.
e) [Nouveau] Activer Videomate : Désormais, les administrateurs peuvent facilement ajouter des Reels, des Shorts et des vidéos Instagram aux Vidgets tendances grâce à l’extension Opencart Videomate.
f) Style de police : Cette option propose plusieurs styles de police pour adapter l’apparence de votre application.
g) Afficher le bouton Ajouter au panier sur la grille des produits : Si vous souhaitez afficher/masquer le bouton « Ajouter au panier » sur les pages de liste des produits, vous pouvez le faire à partir de ce bouton.
h) Numéro de téléphone obligatoire lors de l’inscription : Rendez le champ du numéro de téléphone portable facultatif/obligatoire sur la page d’inscription de l’application à partir d’ici.
i) Redirection sur la page du panier lors de l’ajout au panier : Si vous souhaitez que les utilisateurs soient directement redirigés vers la page du panier lorsqu’ils cliquent sur le bouton « Ajouter au panier », vous pouvez activer cette option ici.
j) Activer la fonctionnalité Liste de notifications : Ce bouton permet à l’administrateur du magasin d’activer/désactiver la fonction de notification dans les applications Android et iOS.
k) Activer la fenêtre contextuelle d’inscription : Vous pouvez activer/désactiver la fenêtre contextuelle de connexion pour les clients non connectés dans l’application.
l) Activer la génération de rapports de journal des requêtes : Activez le journal des erreurs sur les applications mobiles. Ce fichier journal est utilisé lorsque l’application présente une erreur ou un comportement anormal.
m) Sélectionnez la mise en page de la page d’accueil : Choisissez la mise en page souhaitée pour l’écran d’accueil de votre application. Vous pouvez créer plusieurs mises en page sous l’onglet « Mise en page de la page d’accueil ».
n) Activer la prise en charge des conversations WhatsApp : Activer/désactiver l’option de chat WhatsApp sur les applications mobiles.
o) Couleur du bouton de l’application : Choisissez la couleur des boutons de vos applications.
p) Couleur du thème de l’application : Choisissez la couleur du thème de vos applications.
q) Couleur du texte du bouton de l’application : Choisissez une couleur pour le texte des boutons de vos applications.
r) Couleur de fond de l’application : Choisissez une couleur de fond pour vos applications.
p) Activer le logo : Activez le logo dans vos applications mobiles. Vous pouvez importer l’image du logo qui s’affichera dans l’en-tête des applications mobiles.
q) Connexion par empreinte digitale : Activer/désactiver la connexion par empreinte digitale dans les applications mobiles.
r) Connexion par numéro de téléphoneActiver/désactiver la connexion par téléphone dans les applications mobiles.
s) Méthodes d’expédition désactivées : Désactivez les modes de livraison que vous ne souhaitez pas afficher dans les applications.
4.2 Modes de paiement :
L’extension OpenCart Mobile App Creator propose une option de paiement à la livraison (COD) supplémentaire pour simplifier les transactions dans les applications. Les applications mobiles dotées de cette extension prennent déjà en charge les paiements via une interface web.
4.3 Notifications push :
a) Compte de service JSON : Pour configurer les notifications push sur les applications Android et iOS, vous devez ajouter le fichier google_services.json dans cette section. Vous trouverez ce fichier dans votre compte Firebase ou vous pouvez le demander à l’équipe d’assistance de Knowband pour votre projet Firebase.
b) Notification de succès de la commande : Configurez une notification push automatisée de création de commande qui sera envoyée automatiquement sur les applications de l’utilisateur ayant réussi à créer une commande.
c) Notification de mise à jour de l’état de la commande : Configurez une notification de mise à jour du statut de commande qui sera envoyée automatiquement aux utilisateurs à chaque mise à jour du statut de livraison de leur commande.
d) Notification de panier abandonné : Configurer une notification automatique de panier abandonné qui sera envoyée automatiquement aux utilisateurs ayant laissé leurs produits dans leur panier.
e) Envoyer une notification : L’administrateur du magasin peut même envoyer des notifications manuelles et mettre en avant toute offre ou réduction auprès des utilisateurs de l’application mobile.
4.4 Pages d’information :
Cet onglet de l’éditeur d’applications mobiles OpenCart vous permet de gérer les pages CMS de vos applications. Vous pouvez personnaliser le nom et la page d’accueil de chaque CMS, ainsi que leur ordre d’affichage. De nouvelles pages peuvent également être ajoutées ici, si nécessaire.
4.5 Mise en page de la page d’accueil :
L’outil de création d’applications mobiles OpenCart vous permet de créer et d’enregistrer différentes mises en page intuitives et attrayantes pour l’écran d’accueil de votre application mobile.
Après avoir ajouté la mise en page, cliquez sur l’option Modifier et commencez à ajouter et à configurer différents éléments pour l’écran d’accueil de votre application.
L’administrateur du magasin peut configurer les éléments de design suivants sur l’écran d’accueil de l’application mobile :
Top catégories:
Voici les catégories affichées en haut de l’écran d’accueil sous forme de carrés. Vous pouvez configurer leurs images et leurs pages de destination depuis l’interface d’administration. Huit catégories maximum peuvent être ajoutées, dont quatre sont obligatoires.
Bannière carrée :
Vous pouvez proposer une bannière carrée sur l’écran d’accueil de l’application mobile OpenCart, dont l’image et le lien vers la page de destination peuvent être définis depuis l’interface d’administration.
Bannière défilante :
Ce sont les curseurs de votre écran d’accueil, configurables depuis l’interface d’administration du module.
Bannière de grille :
Ce sont les bannières de l’écran d’accueil de l’application, affichées sous forme de grille et personnalisables en conséquence.
Bannière de compte à rebours
L’outil de création d’applications mobiles OpenCart propose une bannière de compte à rebours pour vos applications mobiles. Vous pouvez configurer l’image de la bannière, la page de destination et le compte à rebours depuis l’interface d’administration.
Produits carrés :
Vous pouvez même afficher les produits sous forme de fiche carrée sur l’écran d’accueil de l’application mobile.
Produits coulissants
Les produits peuvent être affichés sous forme de diaporama sur l’écran d’accueil de l’application mobile et peuvent être configurés depuis le panneau d’administration.
Produits Grid :
Les produits peuvent être affichés sous forme de grille sur l’écran d’accueil.
Produits récemment consultés :
L’outil de création d’applications mobiles OpenCart propose un onglet « Produits récents » sur l’écran d’accueil, affichant les derniers produits consultés par l’utilisateur. Il vous suffit d’ajouter l’élément correspondant à votre mise en page pour l’afficher sur l’écran d’accueil.
Fenêtre contextuelle de connexion/inscription :
L’administrateur d’Opencart peut inciter les clients à rester connectés à leur compte dans les applications en affichant une fenêtre contextuelle dynamique de connexion/inscription sur la page d’accueil de l’application.
Bannière publicitaire :
L’administrateur de l’application Opencart peut sélectionner la position de la bannière publicitaire sur la page d’accueil grâce à ce composant de mise en page.
Remarque : L’administrateur du magasin peut ajouter jusqu’à 20 éléments lors de la conception de la mise en page dans le panneau d’administration.
4.6 Paramètres publicitaires :
La version mise à jour d’Opencart App Maker permet aux administrateurs de boutiques d’utiliser leurs applications comme source de revenus supplémentaire grâce à l’intégration de publicités intégrées. Cette nouvelle version inclut l’intégration de Google AdMob, permettant ainsi à l’administrateur d’afficher des bannières publicitaires sur les différentes pages de l’application.
Activer la publicité :
Ce paramètre permet d’activer/désactiver les publicités dans les applications.
Activer la publicité sur la page d’accueil :
Si vous souhaitez activer/désactiver la fonction publicitaire sur la page d’accueil de l’application, vous pouvez utiliser le bouton suivant.
ID de l’unité d’annonce d’accueil :
L’administrateur trouvera l’ID du bloc d’annonces sur la console Google AdMob. Une fois cette opération effectuée, il pourra saisir l’ID du bloc dans la section suivante.
Activer la publicité sur le produit :
Ce bouton permet d’activer/désactiver la publicité sur la page produit de l’application.
ID de l’unité publicitaire du produit :
Saisissez l’identifiant de l’unité publicitaire du produit dans cette section.
Sélectionner la position du produit :
Grâce à cette option, l’administrateur de la boutique peut choisir l’emplacement de l’annonce sur la page produit. Cette fonctionnalité lui permet de choisir entre un emplacement sous l’image et la description du produit, au-dessus du bouton « Ajouter au panier » ou dans la section des produits similaires, offrant ainsi une plus grande flexibilité à l’administrateur.
Activer la publicité au moment du paiement :
Grâce à ce bouton, l’administrateur du magasin peut activer/désactiver les publicités sur la page de paiement.
Identifiant de l’unité publicitaire de paiement :
Saisissez ici l’identifiant de l’unité.
Sélectionner la position de caisse :
Sélectionnez ici l’emplacement de la publicité. L’administrateur de la boutique peut choisir parmi différentes options : en haut de l’écran, en bas de l’écran, au-dessus des produits ou en dessous des modes de livraison.
Activer la publicité dans le panier :
Activez/Désactivez la publicité sur la page du panier à l’aide de ce bouton.
ID de l’unité publicitaire du panier :
Saisissez l’identifiant de l’unité pour la bannière sur la page du panier.
Sélectionner la position du panier :
L’administrateur de la boutique peut sélectionner l’emplacement de l’annonce ici. Cette option lui permet de choisir entre un affichage en dessous ou au-dessus des produits.
Activer la publicité dans cette catégorie :
Cette fonctionnalité permet d’activer/désactiver la publicité sur la page de catégorie.
ID de l’unité publicitaire de catégorie :
Saisissez l’identifiant de l’emplacement publicitaire de la catégorie.
Activer la publicité sur le CMS :
Activez/Désactivez la publicité sur les pages CMS à partir d’ici.
ID de l’unité publicitaire CMS :
Ajoutez l’identifiant de l’unité publicitaire CMS.
4.7. Paramètres de navigation :
L’outil de création d’applications mobiles Opencart permet à l’administrateur de personnaliser l’apparence de la barre de navigation inférieure. Grâce aux fonctionnalités intégrées, il peut modifier le nom, les redirections, les icônes et les couleurs des onglets. Voici un aperçu détaillé :
Activer l’onglet :
L’administrateur du magasin peut activer/désactiver les icônes de navigation inférieures à partir de l’option suivante.
Nom :
Saisissez ici le nom de l’icône de navigation.
Sélectionner Navigation :
Sélectionnez ici l’activité de redirection parmi accueil, panier, catégorie, recherche et profil.
Sélectionnez le type d’image :
L’administrateur de la boutique peut choisir d’importer une image personnalisée pour les éléments de la barre de navigation ou sélectionner une image intégrée parmi celles proposées dans les paramètres. L’application propose cinq icônes différentes pour la barre de navigation inférieure, configurables à l’aide du guide mentionné précédemment.
5.0 Écrans d’application mobile :
5.1 Écran d’accueil :
L’outil de création d’applications mobiles OpenCart propose un écran d’accueil dynamique, facilement personnalisable depuis le panneau d’administration. L’administrateur de la boutique bénéficie d’une totale liberté pour concevoir et personnaliser cet écran selon ses préférences. L’outil de création d’applications mobiles OpenCart offre les éléments de design suivants : –> Catégories principales –> Bannières carrées –> Bannières défilantes –> Bannières en grille –> Produits carrés –> Produits défilants –> Produits en grille –> Bannière de compte à rebours –> Produits récemment consultés –> Fenêtre contextuelle de connexion/inscription. Le positionnement de ces éléments est également modifiable par simple glisser-déposer.
a) Agencements dynamiques : Créez vous-même des mises en page d’écran d’accueil attrayantes qui captivent les utilisateurs et les incitent à effectuer l’achat.
b) Logo du site Web : Ajoutez le logo de votre boutique dans l’interface d’administration du module et affichez-le dans l’en-tête de l’application.
c) Recherche : L’option de recherche de l’application mobile OpenCart permet aux utilisateurs de trouver des produits facilement. Grâce aux mots-clés, les acheteurs peuvent trouver rapidement le produit idéal.
d) Liste de souhaits : L’option « liste de souhaits » de l’application mobile OpenCart vous permet de mettre en favoris les produits en vue d’un achat ultérieur.
e) Panier d’achat : Les utilisateurs peuvent accéder au panier d’achat depuis le coin supérieur droit de l’écran d’accueil.
f) WhatsAppLes utilisateurs de votre application mobile OpenCart peuvent vous contacter directement pour toute question ou préoccupation via l’option de chat WhatsApp disponible sur l’écran d’accueil.
5.2 Menu accordéon (barre de navigation)
Les applications mobiles OpenCart pour Android et iOS offrent une catégorisation intuitive des produits de votre boutique. Les acheteurs en ligne peuvent ainsi parcourir toutes les catégories et accéder à toutes les pages du CMS directement depuis la barre de navigation.
Les catégories du menu Accordéon sont les mêmes que dans votre magasin et proposent les options suivantes :
Mon compte: L’écran « Mon compte » de l’application mobile OpenCart regroupe toutes les informations de l’utilisateur, telles que ses données personnelles, ses adresses de livraison et les détails de ses commandes. Il est même possible d’enregistrer ses empreintes digitales. Les acheteurs en ligne peuvent ainsi consulter l’intégralité de leurs informations personnelles et modifier leur mot de passe.
Catégories: Toutes les catégories de votre boutique sont également disponibles sur les applications mobiles. Proposez une catégorisation multiniveaux à vos utilisateurs et facilitez leur navigation.
Pages CMS: Toutes les pages de votre système de gestion de contenu (CMS) comme « À propos », « Contactez-nous », « Conditions générales », etc., seront affichées ici.
5.3 Écran de catégorie :
Toutes les catégories disponibles sur vos boutiques OpenCart seront également affichées dans les applications mobiles. L’écran des catégories propose deux affichages : Grille et Liste. L’image, le nom et le prix de chaque produit sont affichés. Les applications mobiles développées avec OpenCart Mobile App Maker offrent de nombreuses options de filtrage et de tri, simplifiant ainsi la recherche de produits pour les utilisateurs.
Trier: L’option de tri des applications mobiles OpenCart permet aux utilisateurs de visualiser les produits par catégorie du prix le plus bas au plus élevé ou inversement.
Filtre: Filtrez les produits par catégorie selon différents attributs tels que le prix, le coût, etc., et trouvez les produits souhaités sans aucun effort.
5.4 Écran du produit :
L’interface produit de l’application mobile OpenCart est d’une simplicité et d’une facilité d’utilisation optimales. Chaque produit affiche plusieurs images, ainsi que son nom et son prix. La disponibilité du produit est également indiquée par « En stock » ou « Rupture de stock ». L’interface produit propose les options suivantes :
Options du produit: Les différentes options relatives au produit, telles que la taille, la couleur, etc., sont affichées sur la page produit. Ces options sont identiques à celles disponibles sur votre site web.
Description courte: Les utilisateurs peuvent lire la brève description de votre produit pour se décider rapidement. L’application mobile OpenCart affiche à la fois la description courte et la description complète des produits.
Informations et entretien du produit : Toutes les informations relatives à ce produit sont affichées dans cette section. Ce sont les mêmes informations que celles présentes sur le site web.
Ajouter à la liste de souhaits : Les utilisateurs peuvent même ajouter les produits à leur liste de souhaits directement depuis cette page. Les produits ajoutés à la liste de souhaits sont mis de côté pour un achat ultérieur.
Ajouter au panier: Le bouton « Ajouter au panier » vous permet d’ajouter un produit au panier, qui pourra ensuite être traité lors de la création réussie de la commande.
Partage social des produits : L’application mobile OpenCart permet de partager les produits sur différentes plateformes sociales, par Bluetooth et par e-mail. Les utilisateurs peuvent ainsi partager les produits avec leurs amis et leurs proches et attirer des clients potentiels vers votre boutique.
5.5 Écran de la liste de souhaits :
L’outil de création d’applications mobiles OpenCart propose une liste de souhaits permettant aux utilisateurs d’enregistrer des produits pour un achat ultérieur. Ils peuvent consulter la liste de tous les produits ajoutés à leur liste de souhaits depuis cet écran. Cette liste offre les options suivantes :
Ajouter au panier:
Les utilisateurs de l’application peuvent ajouter directement les produits de leur liste de souhaits à leur panier grâce à l’option « Ajouter au panier ».
Écran de connexion 5.6
L’application mobile OpenCart propose différentes options de connexion en un clic et simplifie le processus d’inscription/de connexion :
Vous devez vous identifier: Les utilisateurs de l’application peuvent s’authentifier et accéder aux applications mobiles OpenCart en utilisant leurs identifiants de connexion par e-mail.
S’inscrire: Tous les nouveaux utilisateurs peuvent s’inscrire et créer leur compte sur la boutique directement depuis l’application mobile. Le formulaire d’inscription de l’application mobile OpenCart est extrêmement clair et concis.
Se connecter avec un numéro de téléphone : Votre application mobile OpenCart propose également une option de connexion par numéro de téléphone, permettant aux utilisateurs de vérifier leur code OTP et de se connecter sans aucun problème.
Connexion par empreinte digitale : Les utilisateurs de votre application ont également la possibilité de se connecter par empreinte digitale. Cette authentification biométrique leur permet de se connecter aux applications en quelques secondes.
Se connecter avec Facebook : Les utilisateurs peuvent se connecter aux applications mobiles en utilisant leurs identifiants de compte Facebook.
Se connecter avec Google : Les utilisateurs peuvent se connecter à l’application en utilisant leurs identifiants de compte Google.
5.7 Écran du panier d’achat :
L’écran « Panier » de votre application mobile OpenCart affichera tous les produits ajoutés au panier.
L’utilisateur de l’application peut consulter le nom du produit, la quantité, le prix total et les frais de livraison. Cet écran propose les options suivantes :
1. Appliquer le bon :Cette option permet aux utilisateurs de bénéficier de réductions et d’offres en saisissant des coupons et des bons de réduction valides sur votre site web.
2. Prix total du produit :Les utilisateurs peuvent consulter le coût total de leur panier, qui est automatiquement mis à jour en fonction de tout ajout effectué dans celui-ci.
3. Mise à jour de la quantité de produits :Les utilisateurs peuvent même modifier la quantité spécifique du produit.
4. Retirer le produit :Les utilisateurs de l’application peuvent simplement retirer le produit de leur panier.
6. Poursuivre la procédure de paiementLes utilisateurs de l’application peuvent accéder aux pages de paiement en appuyant simplement sur l’option « Continuer vers le paiement ». Ils seront alors redirigés vers la page de paiement.
5.8 Processus de paiement :
L’outil de création d’applications mobiles OpenCart propose un processus de commande simplifié. Les clients ont accès à des informations telles que les détails de livraison et de facturation, le numéro de commande, les commentaires et autres détails lors du paiement. Passer commande se fait en quelques étapes simples grâce à l’application mobile e-commerce.
Les utilisateurs peuvent choisir un produit et l’ajouter à leur panier. En cliquant sur l’icône du panier, ils peuvent sélectionner la quantité souhaitée. De plus, les utilisateurs de l’application mobile peuvent consulter le nombre total de produits et les frais de livraison.
En bas de cette même page, le client a également la possibilité d’appliquer ses bons de réduction et codes promo. 2. Après avoir cliqué sur « Continuer vers le paiement », l’utilisateur peut consulter sa commande et en visualiser les détails : prix des produits, frais de livraison, adresse de livraison (modifiable sur la même page), récapitulatif de la commande (nombre de produits) et prix total.
De plus, le client peut choisir son mode de livraison préféré sur cette même page. Il peut également préciser toute demande ou exigence particulière dans le champ « Commentaires » en bas de l’écran. 3. Après avoir cliqué sur « Continuer vers le paiement », l’utilisateur de l’application mobile sera redirigé vers la page de paiement. Sur cette page, il pourra choisir parmi toutes les options de paiement disponibles sur le site e-commerce. Les applications Android et iOS proposent par défaut le paiement à la livraison.
4. Une fois le paiement en ligne effectué, l’utilisateur sera redirigé vers la page de récapitulatif de sa commande. Il pourra y consulter le statut de sa commande, son numéro, son montant et d’autres informations. Un message de confirmation s’affichera également sur l’écran des utilisateurs de l’application mobile.
5.9 Écran de paiement :
L’écran de paiement de l’application mobile OpenCart affiche les méthodes de paiement web et Flutterapp. L’application mobile OpenCart prend en charge tous les types de paiements en ligne, ainsi que PayPal et le paiement à la livraison. De plus, diverses autres options de paiement natives, telles que PayU, Apple Pay, Amazon Pay, Braintree et Stripe, peuvent être intégrées à votre application mobile moyennant un prix raisonnable.
5.10 Écran Mon compte
L’écran « Mon compte » de l’application OpenCart pour Android/iOS permet aux utilisateurs de consulter l’intégralité des informations de leur compte, y compris la liste de toutes leurs commandes précédentes, en appuyant simplement sur l’option « Mes commandes ». Cet écran propose également les options suivantes :
Historique des commandes:Les utilisateurs peuvent consulter tous les détails des commandes passées sur l’application : date de création, référence, prix et statut de livraison.
Mettre à jour le profil :Les utilisateurs peuvent également mettre à jour les informations de leur profil préenregistrées, telles que leur prénom ou nom, leur numéro de téléphone et leur mot de passe.
Adresse(s) de livraison :Les utilisateurs de l’application peuvent consulter la liste complète des adresses de livraison enregistrées. Il est également possible d’ajouter une nouvelle adresse de livraison à partir de cette page.
Détails de la commande:Les utilisateurs de l’application peuvent consulter la liste complète des commandes précédemment passées.
Fonction de réorganisation :Une fonctionnalité de réapprovisionnement direct permet aux utilisateurs de répéter leur commande en cliquant simplement sur le bouton « Réapprovisionner ».
5.11 Écran de détail de la commande
L’écran « Détails de la commande » de l’application OpenCart pour Android et iOS affiche toutes les informations relatives à votre commande : adresse de livraison, résumé des produits, modes de livraison et de paiement, et total. Ces informations concernent votre dernière commande. Vous pouvez également suivre la livraison de vos commandes directement depuis cet écran.
5.12. Exemples de publicités intégrées à l’application :
L’administrateur peut configurer les bannières publicitaires sur les différentes pages de l’application. Voici à quoi elles ressembleront pour vos clients.
Place de marché OpenCart avancée 6.0 avec application mobile
La plateforme OpenCart de KnowBand transforme votre site web en une véritable place de marché. L’outil de création d’applications mobiles OpenCart est entièrement compatible avec Extension de marché OpenCartCela signifie que vous pouvez intégrer l’intégralité de votre catalogue de produits sur les mêmes applications mobiles OpenCart pour Android et iOS. Lancez ainsi deux applications mobiles compatibles avec la Marketplace grâce à KnowBand et attirez un grand nombre de vendeurs et de clients vers votre boutique. –> Lorsqu’un utilisateur clique sur l’option « Vendeur », il est redirigé vers la page « Vendeur » de la boutique mobile. Il peut alors consulter la liste des vendeurs de la Marketplace ainsi que leurs évaluations. –> Les clients peuvent cliquer sur le nom d’un vendeur pour consulter son profil et les produits qu’il propose. Les vendeurs peuvent se connecter avec leur identifiant et leur mot de passe. Ils sont ensuite redirigés vers leur tableau de bord.
7.0 OpenCart Mobile App Builder pour Android et iOS – Tutoriel vidéo
Ce tutoriel vidéo vous guide pas à pas dans la configuration complète de l’extension OpenCart Mobile App Builder de KnowBand. Découvrez comment configurer votre application, du backend au frontend, grâce à des instructions détaillées :
Paramètres généraux
Paramètres de notification push
Méthodes de paiement
Mise en page de la page d’accueil
Et bien d’autres configurations essentielles
À la fin de ce tutoriel, vous serez en mesure de configurer entièrement votre application mobile OpenCart pour Android et iOS, garantissant ainsi une configuration fluide et professionnelle.
Obtenez des applications Android et iOS entièrement Flutter pour votre site Web PrestaShop et commencez à vendre vos produits sur des applications mobiles !
1.0 Présentation
Ceci est le guide de l’utilisateur de la solution d’application mobile Flutter avancée et prête à l’emploi de PrestaShop Mobile App Builder. Il s’agit d’un plugin de site Web de commerce électronique conçu et conçu pour créer des applications d’achat Android et iOS parfaites et fonctionnelles pour vous.
1.1 Générateur d’applications mobiles PrestaShop : une brève introduction
Le PrestaShop Mobile App Builder est la solution la plus avancée et la plus automatisée pour amener votre activité de site Web en ligne sur la plateforme mobile. Il transforme l’intégralité de votre site Web en une application mobile vedette et vous permet de vendre des produits sur mobile en plus du site Web traditionnel. Les fonctionnalités et le fonctionnement de l’application correspondent exactement au site Web et fonctionnent parfaitement sur les appareils Android et iPhone. Notre�PrestaShop Mobile App Builderest le cadre préconfiguré conçu par des experts et des professionnels pour créer une paire d’applications de commerce électronique Flutter. Les applications sont capables de mettre tous les produits de votre magasin à portée de main de l’utilisateur et d’augmenter les ventes et les revenus. Donc, si vous êtes un marchand de boutique PrestaShop et que vous recherchez une solution d’application mobile à part entière, c’est votre meilleure chance. Lisez l’article complet pour obtenir des informations complètes sur le développement d’applications mobiles PrestaShop. De plus, notre extension PrestaShop Mobile App Builder est entièrement compatible avec le Marché multi-vendeurs�plugin. Vous pouvez regrouper l’intégralité de la liste du marché sur les mêmes applications mobiles. Nous proposons même un pack combo de nos�PrestaShop Mobile App Builder“avec”Marché multi-fournisseurs PrestaShop“dans”Marché avancé PrestaShop avec application mobile. De plus, les avantages suivants de PrestaShop Mobile App Maker vous obligeraient à opter pour cette solution d’application Flutter :
Une solution d’application mobile sans code.
Panneau d’administration convivial avec accès complet.
3 mois�d’assistance�gratuite
Solutions entièrement Flutter (Android et iOS)
Synchronisation à 100 % entre vos applications et votre site Web
Hautement personnalisable avec contrôle de conception et de fonctionnement.
Augmente l’engagement des utilisateurs grâce à des outils marketing pratiques.
Augmente le trafic et les revenus de votre magasin.
1.2 Fonctionnalités de premier ordre de PrestaShop Mobile App Builder :
Voici la liste de certaines des fonctionnalités clés que vous obtiendrez dans vos applications avec Prestashop Mobile App Builder :
Disposition de l’écran d’accueil personnalisable (flexibilité totale)
Marque de magasin
Assistance par chat WhatsApp (24h/7 et XNUMXj/XNUMX)
Connexion Google et Facebook
Connexion OTP et empreinte digitale
Prise en charge des tablettes et des appareils mobiles
Android 4.2 et ainsi de suite Version AndroidSupport
iOS 9 et ainsi de suite Version iOSSupport
Mise à jour automatique de l’inventaire
Plusieurs choix de couleurs et de polices
Prise en charge multilingue et RTL (de droite à gauche)
Prise en charge de plusieurs devises
Prise en charge de tous les types de produits
Méthode de paiement sur site Web prise en charge sur les applications
Méthode d’expédition du site Web prise en charge sur les applications
Notifications Push illimitées
Options de partage social du produit
Plusieurs options de filtrage et de tri
Fonctionnalité de liste de souhaits
Coupon/bons de site Web pris en charge sur les applications.
Écran de paiement simplifié
Suivi des commandes en temps réel
Menu accordéon transparent
Écran clair des produits et des catégories
Dernière version�Mises à jour dans les applications mobiles PrestaShop :
a) Bouton « Ajouter au panier » sur l’écran d’accueil et de catégorie
L’application mobile PrestaShop a été rendue plus utilisable pour les acheteurs en ligne grâce à un bouton « Ajouter au panier » intégré pour les produits sur l’écran Accueil et Catégorie. Cela permet aux utilisateurs d’ajouter rapidement des produits au panier en appuyant simplement sur le bouton du panier. Le bouton Ajouter au panier est également disponible sur l’écran des catégories des applications mobiles. Les utilisateurs peuvent simplement faire défiler vers le bas pour parcourir les produits et continuer à ajouter des produits au panier en appuyant simplement sur le bouton Ajouter au panier.
b) Avis sur les produits sur l’application
Notre application mobile PrestaShop est désormais compatible avec le module Commentaires sur les produits par défaut de PrestaShop. Désormais, l’utilisateur peut publier des avis sur les produits sur le site Web et ceux-ci apparaîtront également sur l’application. En outre, l’utilisateur peut consulter tous les avis de l’application et les rédiger également.
c) Produits associés sur l’application
Le PrestaShop Mobile App Builder est désormais compatible avec le module Produits associés automatiques. Les produits associés peuvent être affichés sur la page produit du site Web et de l’application mobile. Cette compatibilité peut être utilisée comme un outil parfait pour améliorer les ventes croisées pour votre entreprise.
Les applications mobiles de commerce électronique dotées de cette extension fonctionneront désormais également en mode hors ligne, c’est-à-dire sans connectivité Internet. Les utilisateurs peuvent parcourir à tout moment les pages qui ont été chargées alors qu’ils étaient actifs sur Internet. Catégories, produits, écran de panier, etc.
Désormais, les applications avec PrestaShop Mobile App� Le constructeur est entièrement conforme aux réglementations GDPR de l’UE. Cela offrira plus de contrôle aux utilisateurs de l’application sur leurs données personnelles stockées. L’administrateur du magasin peut simplement configurer les paramètres RGPD pour qu’ils fonctionnent sur l’application et ceux-ci seront affichés sur différents écrans d’application tels que l’inscription, la connexion, le paiement, le paiement, etc. Les acheteurs en ligne ont même le droit de demander le commerçant du magasin. suppression de ses informations personnelles.
f) Compatibilité Spin & Win (abonnement par e-mail gamifié) :
Le PrestaShop Mobile App Creator est également compatible avec l’extension PrestaShop Spin & Win. La fenêtre contextuelle d’abonnement par courrier électronique gamifiée est utilisée pour proposer une fenêtre contextuelle interactive à roue rotative qui peut être programmée pour un affichage d’entrée ou de sortie sur la boutique en ligne. Désormais, avec cette intégration, la même pop-up sera automatiquement affichée sur les applications. Il vous suffit d’installer l’extension sur votre site Web.
Cette liste ne s’arrête pas là. Apprenez-en davantage sur les fonctionnalités en détail sur�ici.
Démo de l’application mobile PrestaShop 2.0
KnowBand comprend votre inquiétude quant à votre incertitude quant à la solution et pour y remédier, il a proposé une démo gratuite à tous les propriétaires de magasins de commerce électronique. Les commerçants peuvent voir notre boutique de démonstration travaillant sur l’application mobile et même leur boutique travaillant sur nos applications de démonstration.
2.1 Consultez notre boutique de démonstration travaillant sur des applications
Vous voulez voir les fonctionnalités de l’application de commerce électronique ? Nous avons intégré notre boutique de démonstration à l’application où vous pouvez explorer l’application entièrement fonctionnelle et voir toutes ses fonctionnalités. Suivez simplement les instructions ci-dessous :
Étape 1:” Téléchargez et installez l’application mobile Nautica PrestaShop depuis l’un des App Stores sur votre appareil mobile. Voici les liens pour télécharger des applications de démonstration :
Étape 2:Ouvrez l’application Nautica PrestaShop et cliquez sur le bouton Afficher la démo. C’est ça! Vous verrez notre boutique de démonstration fonctionner sur l’application de démonstration. Vous pouvez parcourir le même, vérifier toutes les fonctionnalités, créer une commande, etc.Remarque:“Pour accéder au panneau d’administration de KnowBand Mobile App Builder sur notre boutique de démonstration, visitez”ici.
2.2 Affichez votre boutique en travaillant sur des applications de démonstration
Pas satisfait? Vous souhaitez tester votre boutique sur les applications de démonstration ? Eh bien, nous avons ce qu’il vous faut. Vous pouvez également découvrir votre boutique sur notre application de démonstration, sans aucun frais. Pour cela, vous n’avez qu’à suivre 3 étapes :
Étape 2:“Installez les applications de démonstration (liens dans la section précédente) sur votre appareil mobile. Ouvrez l’application et entrez l’URL de votre boutique.
Étape 3:“Appuyez sur “Afficher votre boutique” et commencez à découvrir votre boutique sur des applications de démonstration.
Étape 4: Entrez l’URL de votre boutique dans la case qui apparaît. Exemple : https://www.example.com/
Remarque:“Cette version gratuite de Mobile App Builder est uniquement destinée à des fins de démonstration et aucun fichier APK/IPA ne sera fourni avec ce module. Pour obtenir vos propres fichiers APK/IPA, vous devez acheter la version payante du�Générateur d’applications mobiles PrestaShop.
3.0 Créez votre application mobile PrestaShop en 3 étapes simples
Nous espérons que vous avez aimé la démo de nos applications mobiles PrestaShop et que vous avez trouvé ce que vous cherchiez. C’est donc le moment d’obtenir une paire d’applications Flutter pour votre boutique. Le processus de création d’une application mobile de commerce électronique est aussi simple que possible. Suivez simplement 3 étapes simples et votre application sera prête dans 1 à 2 jours ouvrables.
Étape 1: Installez le module sur votre site Web Téléchargez Prestashop Mobile App Builder et installez-le sur votre boutique.
Étape 2: Partagez les spécifications de votre application Partagez les détails/exigences de votre application dans notreformulaire de pré-requis.
Étape 3: Obtenez vos applications en 1 à 2 jours. Nos développeurs qualifiés et professionnels créent vos applications en correspondant exactement aux détails partagés. Nous vous répondrons avec les fichiers APK/IPA dans 1 à 2 jours.
Remarque:“Vous pouvez publier ces fichiers APK/IPA sur les magasins d’applications respectifs. Reportez-vous aux liens suivants pour la même chose :
Toujours un problème ? Dites-nous, nous publierions les applications pour vous. De plus, pour toutes questions et suggestions, veuillez nous contacter à�support@knowband.com.
4.0 Installation des modules
Une fois que vous avez acheté le module PrestaShop�Mobile App Builder, vous obtiendrez les fichiers suivants répertoriés ci-dessous : 1. Fichier compressé au format ZIP (contient le code source de l’addon)2. Manuel d’utilisation Vous pouvez maintenant poursuivre le processus d’installation des deux manières suivantes :
Une fois PrestaShop Mobile App Maker installé avec succès sur votre site Web, il est temps de configurer le panneau d’administration de PrestaShop Mobile App Creator. Une fois que vous avez cliqué sur l’option « Configurer » sur KnowBand Mobile App Builder, vous obtiendrez l’onglet suivant avec des interfaces conviviales. Réduisons-les un par un.
Paramètres généraux 5.1
L’onglet Paramètres généraux concerne les paramètres requis pour exécuter votre application mobile sur les appareils de l’utilisateur. Cet onglet contient toutes les options généralisées nécessaires pour synchroniser l’application.
a) Activer le plugin :“Activez le plugin PrestaShop Mobile App Creator pour que votre application mobile fonctionne sur les appareils des utilisateurs.
b) Activer Spin and Win :“Permettez d’afficher une fenêtre contextuelle de roue rotative gamifiée sur l’écran d’accueil chaque fois qu’un utilisateur ouvre l’application. Il peut être utilisé pour proposer des remises/offres et capturer leurs e-mails en échange à des fins de marketing. Pour que cette fonctionnalité fonctionne, vous devez installer le module Spin and Win de Knowband sur votre site Web. Remarque : Le module Spin and Win ne fonctionnera que si vous avez installé le plugin dans votre boutique.
c) Rediriger vers la page du panier lors de l’ajout au panier :“Cette fonctionnalité vous permet de contrôler la navigation du bouton “Ajouter au panier”. Vous pouvez soit rediriger vos utilisateurs vers le panier, soit les conserver sur la page du produit chaque fois qu’ils appuient sur le bouton Ajouter au panier. Cela augmente les chances d’achats supplémentaires.
d) Afficher la brève description :“Permet d’afficher une brève description du produit sur l’écran du produit ainsi qu’une description complète et d’autres détails.
e) Sélectionnez Mise en page :” Choisissez la mise en page de page d’accueil souhaitée pour votre application PrestaShop. Vous pouvez créer plusieurs dispositions d’écran d’accueil dans le backend selon différents festivals et thèmes et les utiliser selon les besoins de votre magasin.
f) Couleur du bouton de l’application :” Choisissez la couleur de bouton souhaitée pour votre application mobile PrestaShop.
g) Couleur du thème de l’application :” Choisissez la couleur du thème souhaitée pour votre application mobile PrestaShop.
h) Image du logo :“Téléchargez l’image du logo de votre magasin à afficher sur l’en-tête supérieur de l’application. Cela a permis de promouvoir votre marque auprès des acheteurs mobiles du monde entier.
i) Méthodes d’expédition désactivées :” Choisissez les méthodes d’expédition souhaitées que vous ne souhaitez pas afficher sur votre application mobile PrestaShop.
j) Pages CMS activées :” Choisissez les pages CMS que vous souhaitez afficher sur les applications mobiles.
k) Activer le rapport du journal des demandes :“Activez la connexion aux applications mobiles pour obtenir des détails sur tout comportement anormal de votre application.
l) Activer l’assistance par chat WhatsApp :“Activez l’option de chat WhatsApp sur vos applications mobiles PrestaShop. Les utilisateurs peuvent vous contacter directement sur votre numéro WhatsApp saisi dans le backend.
m) Activer/désactiver l’enregistrement du numéro de téléphone :“Activez l’option de connexion par numéro de téléphone dans votre application mobile PrestaShop et laissez vos utilisateurs s’authentifier avec la vérification OTP.
n) Activer l’encodage URL des liens d’images :“Activez cette fonctionnalité pour prendre en charge les caractères non-ASCII sur l’application.
5.2 Paramètres des notifications push
Le créateur d’application mobile PrestaShop pour Android/iOS exploite la puissance de la notification push en utilisant les services principaux de Google pour la notification push vers les appareils mobiles. Il apporte cet outil marketing pratique pour attirer l’attention immédiate des utilisateurs et augmenter les ventes. Mettre en évidence vos offres et offres quotidiennes est simplement un message avec votre application mobile PrestaShop. Les notifications automatisées et personnalisées sont disponibles avec PrestaShop Mobile App Maker.
a) Clé du serveur Firebase :“La clé du serveur Firebase est utilisée pour configurer les notifications push pour l’application. Cette clé garantit que les notifications sont reçues par tous les utilisateurs de votre application dans le monde entier. Vous pouvez ignorer ce paramètre pour la version gratuite du module, car il serait configuré dans votre application finale avec la version payante du module.
b) Activer/Désactiver la notification de création de commande :“Activer/Désactiver la notification push automatisée envoyée aux utilisateurs de l’application pour une création de commande réussie.�> Titre et message pour la notification push :“Entrez le titre et le message dans le paramètre de notification push pour une création de commande réussie.
c) Activer/Désactiver la notification de modification du statut de la commande :�Activer/Désactiver la notification push automatisée envoyée aux utilisateurs de l’application pour toute mise à jour concernant l’état de livraison de leur commande précédente.�> Titre et message pour la notification push :“Entrez le titre et le message dans le paramètre de notification push chaque fois qu’il y a une mise à jour de l’état de livraison de la commande précédente.
d) Activer/Désactiver la notification de panier abandonné :“Activer/Désactiver les notifications push automatisées envoyées aux utilisateurs qui ont abandonné leur panier sans achat réussi.�> Titre et message pour la notification push :“Entrez le titre et le message de la notification push pour les utilisateurs de l’application de panier abandonné.
e) Intervalle de temps :“Intervalle (en heures) d’envoi de notifications push aux utilisateurs de l’application qui ont abandonné leur panier sans achat réussi.
5.3 Historique des notifications push
Cet onglet contient l’historique de toutes sortes de notifications push envoyées à chaque utilisateur avec les détails concernés. Le commerçant peut être informé de chaque notification envoyée précédemment. Cet onglet a également la possibilité d’envoyer une notification personnalisée aux utilisateurs conçue à partir du backend. Vous pouvez facilement les informer de tout détail ou remise lié au magasin via des notifications envoyées manuellement.
Envoyer une notification :
Cette option est là pour envoyer une notification manuelle aux utilisateurs de l’application selon votre choix. Vous pouvez configurer le titre, le message, la page de destination, l’image, etc., et la notification de votre choix, comme indiqué ci-dessous l’instantané :
a) Titre de la notification push :“Le titre de votre notification push manuelle qui doit être envoyée aux utilisateurs de l’application.
b) Message de la notification push :“Le message de votre notification manuelle qui doit être envoyé aux utilisateurs de l’application.
c) Type d’appareil :“Vous pouvez choisir les utilisateurs sur Android/iOS ou sur les deux à qui votre notification push manuelle doit être envoyée.
d) Type d’image :�Vous pouvez télécharger l’image/bannière souhaitée justifiant votre notification. L’image de la bannière peut être téléchargée ou utilisée via une URL existante.
e) Image de notification :“L’administrateur du magasin peut prévisualiser l’image de notification et analyser son apparence sur les applications de l’utilisateur.
f) URL de l’image :“L’URL réelle de l’image de notification qui doit être envoyée aux utilisateurs de l’application.
g) Activité de redirection :�Vous pouvez choisir la redirection de votre notification en choisissant ici Écran d’accueil/Toute catégorie/Tout produit. Quoi que vous définissiez, vos utilisateurs seront redirigés vers celui-ci en appuyant sur la notification push.
h) Sélectionnez la catégorie/le produit :“Vous pouvez choisir n’importe quel écran de catégorie/produit pertinent pour votre notification.
i) Envoyer une notification :“Une fois que vous avez créé et prévisualisé votre notification, il est temps de l’envoyer sur vos applications.
Méthodes de paiement 5.4
PrestaShop Mobile App Creator pour Android et iOS prend en charge toutes sortes de méthodes de paiement de sites Web sur les applications Android et iOS. De plus, il offre une option de paiement COD et la flexibilité d’ajouter également d’autres méthodes de paiement Web-View. Par défaut, il n’existe qu’un mode de paiement contre remboursement dans notre application mobile. Cependant, si vous souhaitez ajouter les mêmes modes de paiement que sur votre boutique PrestaShop, désactivez la méthode COD depuis le back-end du module. Après avoir désactivé la méthode COD, toutes les méthodes de paiement disponibles sur votre site Web apparaîtront correctement dans vos applications mobiles.
Mise en page de la page d’accueil 5.5
C’est l’une des fonctionnalités les plus étonnantes du plugin PrestaShop Mobile App Builder pour concevoir et créer plusieurs mises en page d’écran d’accueil en utilisant divers attributs/éléments de conception. Cet onglet contient la liste de toutes les dispositions d’écran d’accueil configurées précédemment en fonction de divers thèmes et polices, comme indiqué dans l’instantané ci-dessous :
Pour configurer les mises en page de la page d’accueil, les éléments suivants sont disponibles dans le back-end :
Principales catégories
Carré�Bannière
Bannière�Coulissante�Horizontale
Grille�Bannières
Compte à rebours�Bannière
Produits Grid�
Produits coulissants horizontaux
Produits récemment consultés
Le commerçant du magasin peut configurer et utiliser n’importe lequel de ces attributs pour créer et enregistrer plusieurs mises en page. Ces mises en page peuvent être utilisées selon le thème et les exigences. De plus, le positionnement de divers éléments peut être modifié avec une simple fonctionnalité glisser-déposer.
Principales catégories :
Les principales catégories sont affichées sous la forme de petits carrés sur l’écran d’accueil et peuvent être configurées, y compris leur image et leurs catégories/produits de destination. Le PrestaShop Mobile App Maker propose un maximum de 8 catégories dans lesquelles un minimum de 4 sont obligatoires.
Bannière carrée :
Un autre attribut est la liste Square Banner qui est utilisée pour proposer une bannière de forme carrée sur l’écran d’accueil de l’application. Vous pouvez personnaliser la bannière en choisissant la bonne image et l’écran d’accueil correspondant.
Bannière�coulissante�horizontale :
Ce sont des modèles en forme de rectangle disponibles en glissement horizontal et peuvent être entièrement personnalisés depuis le backend.
Grille�Bannières :
Il s’agit de bannières de forme carrée répertoriées sur l’écran d’accueil sous forme de grille. Vous pouvez définir autant de bannières que vous le souhaitez sur l’écran d’accueil et personnaliser leur image et leur page de destination en conséquence.
Bannière du compte à rebours :
Le PrestaShop Mobile App Builder propose une bannière avec un compte à rebours. Vous pouvez définir l’image de la bannière et l’écran d’accueil et régler la minuterie jusqu’à ce que vous souhaitiez afficher la bannière. Une fois le chronomètre écoulé, la bannière disparaîtra automatiquement.
Square�Produits :
Quant aux bannières, PrestaShop Mobile App Creator propose des produits à afficher sur l’écran d’accueil sous la forme d’un listing carré.
Produits coulissants horizontaux
Vous pouvez ajouter les produits sous forme de curseurs horizontaux. Les produits sélectionnés peuvent appartenir à n’importe quelle catégorie spécifique ou à d’autres points forts tels que les meilleures ventes, les produits en vedette, etc.
Produits de grille :
Les produits peuvent également être ajoutés à l’écran d’accueil sous forme de listes de grilles. Les produits peuvent être choisis dans n’importe quelle catégorie.
Produits récemment consultés :
PrestaShop Mobile App Creator fournit l’élément d’onglet récent qui affiche les produits récents consultés par l’utilisateur. Vous pouvez simplement ajouter l’élément dans votre mise en page pour l’afficher sur l’écran d’accueil.
Remarque : L’administrateur du magasin peut ajouter jusqu’à 20 éléments lors de la conception d’une mise en page dans le panneau backend.��
5.6 Conformité au RGPD
Le PrestaShop Mobile App Builder offre la conformité au RGPD dans les applications mobiles. L’administrateur du magasin peut simplement faire quelques clics dans le panneau d’administration et les applications deviendront conformes au RGPD.
a) Activer les paramètres RGPD :“Activez cet onglet pour offrir la compatibilité RGPD sur différents écrans d’application.
b) Afficher le RGPD sur :” Choisissez les écrans de l’application sur lesquels vous souhaitez activer les options RGPD.
c) Importer le contenu de la page CMS : Choisissez la page CMS dont le contenu doit être ajouté pour l’option RGPD.
6.0 Écrans d’application mobile
Écran d’accueil 6.1
L’écran d’accueil de votre application mobile PrestaShop sera exactement tel que vous le souhaitez. PrestaShop Mobile App Maker offre une flexibilité totale pour concevoir et créer un écran d’accueil entre vos mains. À l’aide de plusieurs bannières (Carré, Grille, Coulissante), de produits (Carré, Grille, Coulissante), d’une bannière de compte à rebours et de l’onglet Produits récents dans le backend, vous pouvez concevoir des mises en page intuitives pour votre écran d’accueil. Les options suivantes sont disponibles sur l’écran d’accueil de votre application :
De plus, le positionnement de divers éléments de conception peut également être modifié selon les besoins.
1. Mises en page dynamiques :
En utilisant divers éléments, vous pouvez créer et enregistrer diverses mises en page dans le backend et les réutiliser selon divers événements et festivals. Vous pouvez concevoir et créer l’écran d’accueil de votre application de manière dynamique.
2. Logo de la marque :
Le logo de votre boutique est représenté dans la section centrale gauche de l’en-tête supérieur de votre application mobile PrestaShop. Le logo est entièrement configurable depuis le backend du module et peut être activé/désactivé, y compris les changements d’image.
3. Chercher:
L’option de recherche permet aux acheteurs d’applications mobiles d’obtenir facilement et rapidement ce qu’ils désirent. Dans votre application mobile PrestaShop, la recherche de produits se présentera sous deux formes : L’option de recherche se trouve dans la disposition de la barre d’onglets inférieure de l’application mobile PrestaShop.
�> Avec Texte :“Les utilisateurs de votre application peuvent rechercher les produits souhaités en tapant simplement des mots-clés associés. L’application mobile PrestaShop affichera les résultats pertinents pour ce mot-clé.
4. Sac de liste de souhaits :
Le sac de liste de souhaits est affiché dans l’en-tête supérieur de votre application mobile PrestaShop contenant tous les produits mis en signet. Les utilisateurs de l’application peuvent enregistrer les produits souhaités dans une liste de souhaits pour de futurs achats.
5. Panier:
Le panier est disponible dans le coin supérieur droit de l’écran d’accueil de l’application. Les utilisateurs peuvent connaître les produits ajoutés à leur panier directement à partir de là.
6 WhatsApp
En bas à droite de l’écran d’accueil, vous trouverez une option de discussion en direct entre vendeur et acheteur. Les acheteurs d’applications mobiles peuvent facilement et directement vous envoyer leur requête et vous pouvez les résoudre instantanément.
6.2 Menu Accordéon (barre de navigation)
Les applications mobiles PrestaShop pour Android et iOS proposent une catégorisation appropriée des produits disponibles sur le site Web. Les acheteurs mobiles peuvent facilement parcourir les produits de plusieurs catégories. Toutes les pages CMS sont également disponibles dans le menu Accordéon. Il propose les options suivantes :
1. Mon compte
L’écran Mon compte contient toutes les informations utilisateur telles que les détails personnels, les adresses de livraison et les détails de la commande. Les acheteurs peuvent afficher toutes les informations les concernant et peuvent également mettre à jour leurs informations personnelles et leurs mots de passe de connexion.
2. Les catégories
Ces catégories sont les mêmes que sur votre site Web. Vous pouvez les cartographier en conséquence et proposer une catégorisation à 3 niveaux aux utilisateurs de votre application pour une navigation sans tracas.
3. Pages CMS
Diverses pages CMS telles que À propos de nous, Contactez-nous, Conditions générales, etc. Disponibles sur votre site Web sont affichées ici. Vous pouvez choisir celui que vous souhaitez dans le backend PrestaShop Mobile App Builder à afficher sur l’application mobile.
4. Langue(s)
L’option de langue permet à vos utilisateurs d’afficher l’application PrestaShop Mobile dans leur langue maternelle. Toutes les langues disponibles sont affichées sous cette option uniquement.
5. Devise(s)
Toutes les devises disponibles sur votre site de commerce électronique sont également affichées sur l’application mobile PrestaShop. Les acheteurs peuvent consulter et acheter le prix du produit dans la devise de leur choix.
6. Connexion / Déconnexion
Vos utilisateurs peuvent facilement se connecter/déconnecter de l’application mobile PrestaShop en utilisant cette option.
6.3 Écran de catégorie :
Toutes les sous-catégories, catégories parentes et autres catégories associées sont disponibles dans votre application mobile PrestaShop. L’écran des catégories est conçu sans encombrement dans deux vues de base : Grille et Liste. L’image du produit, le nom, le prix et la réduction sont affichés dans toutes les annonces avec la possibilité de les ajouter également au panier de la liste de souhaits. Les applications mobiles avec PrestaShop Mobile App Builder disposent d’une navigation en couches qui simplifie la recherche de produits. Les options suivantes sont disponibles sur les écrans de catégorie :
1. Trier :
Cette option permet aux acheteurs de sélectionner l’ordre souhaité dans lequel les prix des produits de la catégorie doivent être triés. Deux ordres de tri sont disponibles dans vos applications : Prix : Bas à Haut & Prix : Haut à Bas.
2. Filtre:
La possibilité de filtrer les produits simplifie la recherche de produits. Les utilisateurs de l’application peuvent filtrer les produits dans votre application mobile PrestaShop en fonction de divers attributs tels que la taille, la couleur, les compositions, l’état, le fabricant, le prix, etc. Les utilisateurs peuvent rechercher leurs produits préférés en quelques minutes à l’aide de ces filtres.
6.4 Écran du produit :
L’écran produit de votre application mobile PrestaShop est simple et intrigant. Plusieurs images du même produit sont affichées avec le nom et le prix. La disponibilité du produit est également affichée comme « En stock » ou « En rupture de stock » en fonction de l’état des stocks. Il contient les autres options suivantes :
1. Options du produit :
Toutes les options liées au produit comme la taille, la couleur, etc. sont affichées sur cet écran. Ces options de produits sont les mêmes que celles disponibles sur le site Web.
2. Brève description
Les utilisateurs peuvent lire la brève description de votre produit pour se décider rapidement.
3. Informations et entretien sur le produit
Les informations complètes sur le produit sont répertoriées sur le site Web et affichées ici. Les utilisateurs de l’application peuvent obtenir des détails complets sur le produit à partir d’ici.
4. Ajouter à la liste de souhaits :
Les utilisateurs de l’application mobile peuvent directement ajouter le produit à leurs favoris en appuyant simplement sur « Ajouter à la liste de souhaits » en bas à gauche de l’écran du produit.
5. Ajouter au panier :
Comme le nom du bouton « Ajouter au panier » ajoute le produit directement dans le panier et les utilisateurs peuvent poursuivre l’achat.
6. Partage social du produit :
Il existe une option sur cet écran pour partager votre produit sur plusieurs plateformes sociales, notamment Bluetooth et e-mail. Les utilisateurs de l’application peuvent partager les produits entre leurs amis/parents sur plusieurs plateformes sociales et attirer les gros utilisateurs vers votre application.
6.5 Écran de liste de souhaits :
Votre créateur d’application mobile PrestaShop disposerait d’un sac de liste de souhaits permettant aux utilisateurs de mettre des produits en signet pour de futurs achats. Les utilisateurs peuvent consulter la liste de tous les produits mis en favoris à partir d’ici. Il a deux options :
1. Ajouter au panier :
Les utilisateurs de l’application peuvent ajouter le produit mis en signet directement dans le panier en choisissant l’option Ajouter au panier.
2. Supprimer de la liste de souhaits :
Les utilisateurs peuvent même supprimer n’importe quel produit de la liste de souhaits s’ils n’ont pas envie de l’acheter.
Écran de connexion 6.6
PrestaShop Mobile App Creator propose diverses options de connexion en un seul clic et rend le processus de connexion/inscription plus transparent :
1. Identifie-toi
Les utilisateurs de l’application peuvent s’authentifier et accéder aux applications à l’aide des informations de connexion par courrier électronique.
2. S’inscrire
Tous les nouveaux utilisateurs de l’application peuvent s’inscrire et créer leur compte sur la boutique à partir de l’application mobile. Le formulaire d’inscription de l’application mobile PrestaShop ne demande que les détails pertinents.
3. Connectez-vous avec un numéro de téléphone
Votre application mobile propose une option de connexion par numéro de téléphone plus simple et plus robuste qui permet aux utilisateurs de vérifier plus facilement l’application OTP et de connexion.
4. Connectez-vous avec une empreinte digitale
Vos utilisateurs ont également la possibilité de se connecter avec l’authentification par empreinte digitale. Cela permet aux utilisateurs d’accéder aux applications en quelques secondes.
5. Connectez-vous avec Facebook
Les utilisateurs peuvent se connecter à l’application en utilisant les identifiants de leur compte Facebook.
6. Connectez-vous avec Google
Les utilisateurs peuvent se connecter à l’application à l’aide de leurs identifiants de compte Google.
6.7 Écran du panier :
L’écran Panier de votre application mobile PrestaShop affichera tous les produits dans le panier. Les utilisateurs de l’application peuvent afficher le nom, la quantité, le prix total et les frais d’expédition du produit. Cet écran propose les options suivantes :
Appliquer le bon
Cette option permet aux utilisateurs d’obtenir des réductions et des offres en saisissant des coupons et des bons valides exécutés sur votre site Web.
2. Prix total du produit
Les utilisateurs peuvent consulter ici le coût complet de leur panier. Il est automatiquement mis à jour lors de toute mise à jour avec la quantité ou l’ajout de produit.
3. Mettre à jour la quantité de produit
Les utilisateurs de l’application peuvent même mettre à jour la quantité du produit avec l’option « Mettre à jour la quantité ».
4. Supprimer le produit
Les utilisateurs de l’application peuvent simplement supprimer le produit du panier en appuyant simplement sur l’option « Supprimer ».
5. Continuer à payer
Les utilisateurs de l’application mobile frontale peuvent accéder aux écrans de paiement et de paiement en appuyant simplement sur l’option « Continuer le paiement ». Il les redirigera vers l’écran de paiement.
6.8 Processus de paiement
Le générateur d’applications mobiles Prestashop consiste en un processus de paiement simplifié. Les utilisateurs de l’application mobile frontale ont la possibilité de sélectionner les détails d’expédition, les détails de facturation, les numéros de commande, les commentaires de commande, etc. lors du processus de paiement de l’application mobile.
Les utilisateurs des applications Android et iOS n’ont qu’à suivre quelques étapes simples pour passer leurs commandes. 1. Les clients peuvent sélectionner le produit souhaité et l’ajouter au panier. Après avoir cliqué sur le panier, il peut également sélectionner la quantité de produits souhaitée. De plus, les utilisateurs de l’application mobile frontale peuvent voir le nombre total de produits et les frais d’expédition. Le client a également la possibilité d’appliquer n’importe quel bon d’achat et code de coupon au bas de la même page. 2. Après avoir cliqué sur l’option Continuer le paiement, l’utilisateur peut consulter la commande où il peut voir plusieurs détails. Tels que le prix du produit, les frais d’expédition, l’adresse de livraison (elle peut être modifiée sur la même page), le récapitulatif de la commande (nombre de produits), le prix total, etc. De plus, le client a la possibilité de sélectionner son mode d’expédition préféré sur la même page. L’utilisateur peut également faire part de sa demande ou de son exigence particulière dans l’option de commentaire de commande apparaissant en bas de l’écran.
L’utilisateur sera redirigé vers l’écran du mode de paiement après avoir cliqué sur l’option Continuer à payer.
Sur cet écran, les utilisateurs ont la possibilité de choisir parmi toutes les options de paiement du site Web. Par défaut, l’application d’achat propose une option de paiement à la livraison comme mode de paiement.
Lorsque l’utilisateur effectue l’activité de paiement, il sera alors redirigé vers l’écran de récapitulatif de la commande. où le client peut voir le statut de la commande, le numéro de commande, le montant, etc. Les utilisateurs de l’application mobile frontale recevront également le message contextuel de confirmation de commande sur l’écran de leur téléphone mobile.
6.8 Écran Mon compte
L’écran Mon compte de l’application de commerce électronique Android/iOS permet aux utilisateurs d’afficher les détails complets du compte, y compris une liste des commandes précédentes. L’écran Mon compte propose les options suivantes :
Historique des commandes
Les utilisateurs apprennent plus tôt les détails complets de la commande. La date de passation de la commande, la référence de la commande, le prix et l’état de livraison sont affichés.
2. Mettre à jour le profil
Les utilisateurs peuvent également mettre à jour les détails de leur profil pré-enregistrés tels que le prénom ou le nom, le numéro de téléphone et le mot de passe.
3. Adresse(s) de livraison
Les utilisateurs de l’application peuvent voir la liste complète des adresses de livraison enregistrées. Une nouvelle adresse de livraison peut également être ajoutée à partir d’ici.
4. détails de la commande
Les utilisateurs de l’application peuvent consulter la liste complète des commandes d’applications précédemment passées.
5. Fonction de commande
Il existe une commande directe du produit directement en cliquant sur le bouton « Recommander ». Toutes les commandes précédentes seront ajoutées au panier en appuyant simplement sur un seul bouton.
6.10 Écran de détail de la commande
L’écran des détails de la commande de l’application de commerce électronique PrestaShop fournit des détails complets de la commande tels que l’adresse de livraison, le résumé du produit, le mode d’expédition et de paiement et le récapitulatif du coût total. Les utilisateurs peuvent même suivre la livraison des commandes précédemment passées directement depuis cet écran.
7.0 Tutoriels vidéo
8.0 Advanced PrestaShop Marketplace�avec application mobile
La Marketplace PrestaShop de KnowBand convertit votre site Web en ligne en une place de marché à part entière. Le PrestaShop Mobile App Builder est entièrement compatible avec�Extension PrestaShop Marketplace. Cela signifie que vous pouvez regrouper l’intégralité de la liste du marché sur la même application mobile PrestaShop. Ainsi, lancez une paire d’applications mobiles compatibles Marketplace avec KnowBand et attirez une large base de vendeurs et de clients dans votre magasin. �> Lorsque l’utilisateur clique sur l’option Vendeur, il est redirigé vers la page Vendeur de la boutique mobile. L’utilisateur peut consulter la liste des vendeurs de la place de marché ainsi que leurs notes. �> Les clients peuvent cliquer sur le nom du vendeur afin de voir son profil et le produit proposé. Les vendeurs peuvent se connecter avec leur nom d’utilisateur et leur mot de passe. Ils sont ensuite redirigés vers le tableau de bord. Apprenez-en davantage sur�PrestaShop�Marketplace avec application mobile“de”ici. Android & iOS Mobile App Builder pour PrestaShop est également disponible sur�Boutique officielle de modules complémentaires PrestaShop
