Générateur d’applications mobiles WooCommerce – Manuel d’utilisation

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

WooCommerce Mobile App Builder

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 :

  1. Une solution d’application mobile sans codage.
  2. Un panneau administratif accueillant avec un accès complet.
  3. Assistance gratuite pendant trois mois
  4. Remèdes complets contre Flutter (Android et iOS)
  5. Synchronisation de vos applications et de votre site Web à tout moment
  6. Extrêmement flexible en termes de conception et de fonctionnement.
  7. Utilise des outils marketing pratiques pour stimuler l’engagement des utilisateurs.
  8. 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.

–> Explorer Module RGPD de WooCommerce

E) Compatibilité Spin & Win (abonnement e-mail gamifié) :

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

Google Play Store- https://play.google.com/store/apps/details?id=com.velsof.woocommercegenericapp

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 l’ Créateur d’applications mobiles WooCommerce GRATUIT plugin sur votre boutique comme première étape.
  • 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 :

  1. 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.

7.0 Tutoriels vidéo

Créateur d’applications mobiles Magento

1.0 Présentation

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 1 :?Download our Application gratuite Magento Mobile Builder de KnowBand & installez la même chose sur votre site web.

É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:

Comment publier une application Android sur Google Play Store?
Comment publier une application iOS sur l’Apple App Store?

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:

Créateur d’applications mobiles Magento

Avancé Magento Marketplace avec application mobile

Lien démo administrateur

Front App Demo pour Android

Front App Demo pour iOS

Lien vidéo: