WooCommerce Mobile App Builder – Manuel d'utilisation

woocommerce-mobile-app-builder

1.0 Présentation

Nous sommes tous vigilants sur le fait que les applications mobiles jouent aujourd'hui un rôle essentiel dans la mobilisation des utilisateurs. Si vous êtes propriétaire d'un magasin WooCommerce et recherchez un moyen pratique de développer une application de commerce électronique pour votre site Web, vous trouverez la solution adaptée ici. WooCommerce Mobile App Builder de Knowband vous fournit une application native Android / iOS qui satisferait sûrement toutes les conditions nécessaires à la croissance de votre magasin. Le créateur d'applications mobiles WooCommerce pour Android / iOS vous permet de mettre à niveau votre site Web de commerce électronique en application pour smartphone de manière transparente. Les applications mobiles développées par le fabricant d’applications mobiles de WooCommerce offrent aux utilisateurs une expérience d’application fiable et sans faille qui permettra certainement de combler le fossé entre vous et vos vendeurs. Tout ce que vous avez à faire est de spécifier vos exigences et vos attentes, puis de laisser le reste à l'équipe de Knowband.

1.1 WooCommerce Mobile App Caractéristiques

Les fonctionnalités avancées fournies par le fabricant d'applications mobiles WooCommerce pour Android / iOS peuvent faire de votre entreprise un succès certain sur le marché concurrentiel. Voici les principales fonctionnalités offertes par WooCommerce Mobile Creator Creator: Maintenant que vous connaissez parfaitement le fonctionnement du créateur d'applications mobiles WooCommerce, il est temps d'examiner en détail certaines de ses fonctionnalités inégalées:

1. Interface d'administration Web

L’administrateur du magasin obtient un accès complet à la interface d'administration web du fabricant d’applications mobiles WooCommerce après l’installation du module sur le magasin.

2. Contrôle de la conception

L'administrateur se remplit contrôle de la conception pour personnaliser l'application en conséquence. Le constructeur d'applications mobiles WooCommerce vous permet de concevoir des bannières, des curseurs, des notifications push, etc. à partir de l'interface dorsale.

3. Thèmes d'applications personnalisables

Par défaut, quatre couleurs de thème sont fournies dans les applications mobiles. Vous pouvez même en choisir un nouveau dans les nuanciers fournis.

4. Polices personnalisées

Les applications mobiles du créateur d'applications mobiles WooCommerce sont livrées avec les types de styles de police 10 +. Si vous souhaitez utiliser une autre police pour votre magasin, nous pouvons l’intégrer à l’application.

5. Optimisation de la tablette

Les applications mobiles développées sont tablette et mobile optimisé. Cela permet à l'application de fonctionner de manière transparente sur tous les appareils de poche.

6. Synchronisation entre le magasin et l'application mobile

WooCommerce constructeur d'applications mobiles synchronise l'application et votre boutique en ligne en temps réel. Toutes les données liées à l'inventaire ou à la commande sont automatiquement mises à jour sur l'application.

7. Support multilingue

Le fabricant d'applications mobiles WooCommerce fournit support multilingue dans les applications. Il prend même en charge les styles d’écriture RTL dans les applications ainsi que les différents langages 18. Néanmoins, si vous souhaitez utiliser une autre langue pour votre candidature, nous pouvons l'ajouter moyennant un petit supplément. Vous trouverez ci-dessous la liste des langues prises en charge dans l'application mobile:

  • Bulgare
  • Tchèque
  • Néerlandais
  • English
  • Finlandais
  • Français
  • Allemand
  • Grecque
  • Hongrois
  • Italien
  • Polonais
  • Portugais
  • roumain
  • Russe
  • Slovaque
  • Suédois
  • Espagnol
Langues compatibles RTL:
  • Arabic
  • araméen
  • Azeri
  • Divehi / Maldivien
  • hébreu
  • Urdu
  • Persan / farsi
  • Kurde

et d'autres.

8. Multi-devise

Le développeur d'applications mobiles WooCommerce prend en charge toutes les devises disponibles dans votre magasin.

9. Notifications Push illimitées

WooCommerce Mobile App Maker permet aux propriétaires de magasins d'envoyer notifications push illimitées aux utilisateurs de l'application. Cette fonctionnalité peut vous aider à informer les utilisateurs du succès de la commande, de la mise à jour du statut de la commande et du panier abandonné.

10. Bannières promotionnelles

Des bannières et des curseurs sont fournis dans les applications mobiles. Ils peuvent être utilisés pour annoncer de nouvelles offres et des offres de vente saisonnière et de réductions.

11. Support de chat en direct

Zopim chat Ces services vous permettent de fournir une assistance utilisateur 24 / 7 directement par l’application mobile.

12. Facebook et Google Login

Le fabricant d'applications mobiles WooCommerce fournit connexion sociale option dans l'application pour rendre le processus d'inscription et de connexion rapide pour les utilisateurs. Les options Google+ et Facebook sont ajoutées à l'application par défaut.

13. Prise en charge des coupons et des bons

WooCommerce constructeur d'applications mobiles prend en charge tous les types de coupons et de bons disponible sur votre magasin.

14. Prise en charge des méthodes de paiement natif

Créateur d'applications mobiles WooCommerce prend en charge toutes sortes de méthodes de paiement. Les méthodes de paiement PayPal et COD sont incorporées par défaut à l'application.

15. Partage de produit

Les utilisateurs peuvent partager les produits de votre magasin sur différentes plates-formes de médias sociaux directement depuis la page produit de votre écran.

16. Toutes sortes de support produit

Toutes sortes de support produit WooCommerce Mobile Builder pour Android / iOS est fourni sous forme de produits simples, virtuels, configurables, groupés et groupés.

17. Plusieurs méthodes d'expédition

WooCommerce mobile app creator est compatible avec toutes les méthodes d'expédition disponible sur votre magasin.

18. Recherche vocale

Recherche vocale L’option du constructeur d’applications mobiles WooCommerce permet aux utilisateurs de rechercher de manière transparente les produits du magasin. Cette fonctionnalité est absente de la plate-forme iOS.

19. Caisse simplifiée

Caisse simplifiée Cette fonctionnalité facilite le processus de soumission de commande. L'application mobile WooCommerce rend donc le shopping assez facile et amusant pour les utilisateurs.

20. Suivi de commande

Le créateur d'applications mobiles Android / iOS pour WooCommerce fournit suivi de commande fonctionnalité dans les applications mobiles. Les utilisateurs peuvent trouver le statut mis à jour de leur commande passée chaque fois que nécessaire.

1.2 Avantages supplémentaires pour les commerçants de WooCommerce Mobile App Maker pour Android / iOS

  • Le constructeur d'applications mobiles WooCommerce offre un moyen simple de créer votre propre application mobile de commerce électronique Android / iOS.
  • Grâce à la prise en charge multilingue et multidevises, le créateur d’applications permet à l’administrateur de localiser son entreprise et de toucher une clientèle globalement.
  • La synchronisation en temps réel proposée par le fabricant d’applications mobiles WooCommerce réduit les efforts manuels de l’administrateur du magasin.
  • Les applications de commerce électronique prennent en charge tous les types de produits, d’expédition et de paiement.
  • Les notifications push fournies par le développeur d'applications mobiles WooCommerce augmentent les taux d'engagement et de conversion des clients.
  • Le fabricant d'applications WooCommerce est fourni avec une assistance gratuite de trois mois.

2.0

Vous voulez voir comment ces fonctionnalités fonctionnent dans l'application? Nous avons intégré notre magasin de démonstration à l'application où vous pouvez explorer l'application et découvrir toutes les fonctionnalités et fonctionnalités de l'application. Il vous suffit de suivre les instructions données ci-dessous:

  1. Téléchargez et installez le Application mobile Nautica WooCommerce de Google Play Store. Vous pouvez facilement le trouver en cherchant le mot clé "Nautica" sur Google Play Store.
  2. Ouvrez l'application et cliquez sur "Voir la démo"bouton comme indiqué:

woocommerce-app-demo

  1. L'écran d'accueil de l'application contiendra le contenu de notre magasin de démonstration, comme indiqué dans l'instantané suivant:

woocommerce-app-home-screen

2.1 Comment tester votre boutique en tant qu'application mobile WooCommerce?

Le fabricant d'applications mobiles WooCommerce de Knowband vous permet même de faire l'expérience de votre magasin sur l'application. Ces étapes simples vous guideront tout au long du processus pour tester votre magasin sur une application Android ou iOS:

Étape 1. Télécharger application gratuite WooCommerce Android constructeur or constructeur d'applications WooCommerce iOS gratuit de la boutique Knowband.

Step2. Installez l'application mobile de démonstration WooCommerce à partir du Google Play Store or App Store d'Apple selon votre appareil de test.

Étape 3. Entrez l'URL du magasin sur l'écran de démarrage de l'application et naviguez dans votre magasin sur l'application mobile. Nous espérons que vous avez apprécié la démonstration de l'application mobile de commerce électronique et que cela vous aurait satisfait. C'est donc le bon moment pour que vous obteniez la version payante de l'application mobile avec des fonctionnalités déverrouillées.

2.2 Comment obtenir le constructeur d'applications mobiles WooCommerce?

Suivez ces quatre étapes faciles pour préparer votre application:

woocommerce-développement

Le constructeur d'applications mobiles WooCommerce facilite la mobilité des propriétaires de magasins. Suivez les étapes mentionnées ci-dessous pour créer votre propre application mobile:

Étape 1. Tout d’abord, vous devez acheter le module de création d’applications mobiles WooCommerce auprès de Knowband. Vous pouvez l'obtenir de ici .

Étape 2. Une fois que vous avez acheté le plug-in WooCommerce pour constructeur d’applications pour applications mobiles Android / iOS, un message formulaire de pré-requis, demandant des détails sur votre application. Vous devrez partager les éléments suivants avec nous:

  • Image Splash (1280
  • Icône de l'application (512
  • Couleur du thème (bleu, orange, vert, noir)
  • URL de site Web
  • Nom du site
  • Nom de l'option de connexion sociale souhaitée sur Facebook et Google.

Étape 3. Notre équipe de développement personnalisera l'application mobile en fonction des détails fournis dans le questionnaire. Le fichier APK de l'application sera partagé avec vous après personnalisation.

Étape 4. Maintenant, vous pouvez publier ce fichier d'application mobile (apk) sur

3.0 WooCommerce Mobile App Builder

Les quatre étapes suivantes vous guideront tout au long du processus d'installation du module:

Étape 1 : Après avoir acheté le module WooCommerce Mobile App Builder, vous obtiendrez les fichiers suivants, répertoriés ci-dessous:

  1. Fichier compressé au format ZIP (Il contient le code source du plugin)
  2. Manuel utilisateur

Étape 2 : Aller au tableau de bord de WordPress-> Plugin-> Ajouter un nouveau

wocommerce-module-tableau de bord

Étape 3 : Vous serez redirigé vers une nouvelle interface. Cliquez sur Upload Plugin.

upload-plugin

Étape 4 : La fenêtre suivante vous demandera de télécharger le fichier. Cliquez sur Choisir un fichier et téléchargez le fichier compressé.

télécharger le fichier zippé

C'est tout. Vous avez installé le module avec succès.

Écrans du module Web 4.0

Le constructeur d'applications mobiles WooCommerce est très simple à gérer depuis le backend. Sa configuration ne nécessite que quelques clics de souris et un bouton permet de basculer du backend.

Paramétrage général de 4.1

Les paramètres généraux contiennent les options de configuration suivantes de WooCommerce Mobile App Maker:

réglages généraux

  • Activer le plugin: L'activation du créateur de l'application mobile WooCommerce fera fonctionner le module et une connexion sera établie entre l'application mobile et votre magasin.
  • Activer le rapport du journal des demandes (facultatif): Activer la consignation des journaux pour obtenir le rapport sur tout comportement anormal de l'application.
  • Activer la prise en charge du chat en direct (facultatif): L'activation de la fonction de support de chat en direct reflète l'option de chat en direct dans l'application. Après avoir activé cette fonctionnalité, il est obligatoire de saisir les clés de l’API de discussion.

réglages généraux

  • Catégorie Image Largeur: Entrez la largeur des images de catégorie affichées dans l'application.
  • Catégorie Image Hauteur: Entrez la hauteur des images de catégorie affichées dans l'application.
  • Largeur de l'image du produit: Entrez la largeur des images du produit affichées dans l'application.
  • Hauteur de l'image du produit: Entrez la hauteur des images du produit affichées dans l'application.
  • Date de début à partir de laquelle les produits seront considérés comme nouveaux: Entrez la date à partir de laquelle vous souhaitez que vos produits en magasin soient considérés comme des nouveaux arrivés sur l'application.
  • Nombre de produits à considérer comme nouveaux: Vous pouvez entrer le nombre de produits à afficher comme nouveaux dans l'application.

Paramètres de notification push 4.2

Le fabricant d'applications mobiles WooCommerce fournit le service de notification push dans votre application pour commercialiser vos produits. Ces notifications sont entièrement personnalisables à partir du backend du module créateur d'applications mobiles Android / iOS de WooCommerce.

paramètres de notifications push

  1. Clé du serveur Firebase: Afin de configurer les notifications push pour l'application, vous aurez besoin de la clé Firebase Server. Il vous permet d’envoyer une notification push à une application particulière.

Remarque :?In order to get the?Clé du serveur Firebase, référez-vous au lien mentionné ci-dessous:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#creating-a-project-at-firebase-console

  1. Activer / Désactiver la notification de succès de la commande: Activer / désactiver la notification push pour les nouvelles commandes passées par les utilisateurs.?Entrez le titre et le message à envoyer dans la notification push une fois la commande passée.
  1. Activer / désactiver la notification de mise à jour du statut de la commande: Activer / désactiver la notification push pour informer les clients de la modification du statut de la commande. Entrez le titre et le message à envoyer dans la notification push pour le statut de commande mis à jour.
  1. Activer / désactiver la notification de panier abandonné: Activer / Désactiver les notifications Push pour le panier qui a été abandonné par l'utilisateur. Entrez le titre et le message à envoyer dans la notification push du panier abandonné par les utilisateurs de l'application.
  1. Intervalle de temps: Il s’agit d’un intervalle de temps (en heures) pour l’envoi de la notification push du panier abandonné aux utilisateurs ayant des articles dans leur panier.

Historique des notifications push 4.3

Les notifications push peuvent facilement amener les produits de votre magasin à tous les endroits où vous souhaitez atteindre. Les notifications push proposées dans le créateur d'applications mobiles WooCommerce sont entièrement personnalisables à partir de l'interface principale. L'administrateur peut créer de nouvelles notifications en cliquant sur les boutons Envoyer une notification, comme indiqué ci-dessous:

push-notification-historyEnvoyer une notification:

Cette option ouvre la fenêtre contextuelle vous permettant de configurer la notification push en fonction des besoins.

envoyer-notification

  1. Titre de la notification push: Titre de la notification push à envoyer aux utilisateurs.
  1. Message de la notification push: Le message qui doit être envoyé dans la notification push.
  1. Image:- Sélectionnez l'image pertinente pour la notification push.
  1. Activité de redirection: La page de l'application où l'utilisateur sera redirigé après avoir cliqué sur la notification push. Cela donne trois options:
  • Accueil
  • Catégories
  • Produit
  1. Sélectionnez la catégorie / produit: Vous devrez sélectionner la catégorie / produit en fonction du type de sélection de l'activité de redirection.
  1. Envoyer une notification: Ce bouton est utilisé pour envoyer la notification configurée ci-dessus.

Réglage du diaporama 4.4

Les curseurs sont affichés en haut de l'application et peuvent être configurés à partir du backend.

réglages du diaporama

  1. Activer désactiver: Activer / Désactiver le diaporama dans l'application depuis le back-end du créateur d'applications mobiles WooCommerce.
  1. Limite: Vous pouvez même définir le nombre d'images apparaissant dans le diaporama.
  1. Largeur de l'image: Définissez la largeur des images utilisées dans le diaporama.
  1. Hauteur de l'image: Définissez la hauteur des images utilisées dans le diaporama.
  1. Type de lien: La page de l'application que vous souhaitez associer aux curseurs. Il y a deux options:
  • Catégories
  • Produit
  1. Lié à: Sélectionnez une catégorie ou un produit spécifique que vous souhaitez associer à la diapositive.
  1. Ordre de tri: L'ordre de tri vous permet de définir l'ordre dans lequel les curseurs apparaîtront dans l'application.
  1. D'action: Vous pouvez même supprimer les diapositives si nécessaire.
  1. Ajouter un nouveau: En cliquant sur l'option Ajouter une nouvelle vous permet d'ajouter une nouvelle diapositive dans le diaporama. Vous devez lier le curseur et ajouter une image.

Réglage de la bannière 4.5

Les bannières sont affichées juste en dessous des curseurs de la page d'accueil. Vous pouvez configurer les bannières à partir du backend et même en ajouter autant que vous le souhaitez.

paramètres de bannière

  1. Activer désactiver: Activer / Désactiver les bannières dans l’application à partir du back-end du créateur d’applications mobiles WooCommerce.
  1. Limite: Vous pouvez même définir le nombre de bannières apparaissant dans l'application.
  1. Largeur de l'image: Définissez la largeur des images utilisées dans les bannières.
  1. Hauteur de l'image: Définissez la hauteur des images utilisées dans les bannières.
  1. Type de lien: La page de l'application que vous souhaitez associer aux bannières. Il y a deux options:
  • Catégories
  • Produit
  1. Lié à: Sélectionnez une catégorie ou un produit spécifique que vous souhaitez associer à la bannière.
  1. Ordre de tri: L'ordre de tri vous permet de définir l'ordre dans lequel les bannières apparaîtront dans l'application.
  1. D'action: Vous pouvez même supprimer les bannières si nécessaire.
  1. Ajouter un nouveau: En cliquant sur l'option Ajouter une nouvelle vous permet d'ajouter une nouvelle diapositive dans le diaporama. Vous devez lier le curseur et ajouter une image.

Méthodes de paiement 4.6

Le fabricant d'applications mobiles WooCommerce pour Android / iOS prend en charge tous les types de méthodes de paiement. Les options de paiement PayPal et COD sont incorporées par défaut dans les applications.

paiement-méthodes

  1. Activer / désactiver PayPal: Vous pouvez activer / désactiver le mode de paiement PayPal simplement en basculant le bouton en arrière-plan.
  1. Sélectionnez le mode: Vous pouvez sélectionner l'environnement de paiement natif à partir de l'option en ligne ou du bac à sable. Ces paramètres permettent aux utilisateurs de tester les méthodes de paiement avant de continuer.
  1. Identité du client: Entrez l'ID client approprié du compte marchand PayPal. Il identifie le compte sur lequel le paiement doit être effectué lors de la commande.
  1. Activer / désactiver le paiement à la livraison: Vous pouvez activer / désactiver le mode de paiement Paiement à la livraison à partir du backend.

Produits en vedette 4.7

Les produits en vedette apparaissent sous le diaporama sur la page d'accueil de l'application. Vous pouvez facilement les configurer à partir du backend.

produits présentés

  1. Activer / désactiver les produits en vedette: Basculez le bouton pour activer / désactiver les produits présentés sur l'application.
  1. Limite: Vous pouvez même limiter le nombre de produits figurant sous les produits en vedette.
  1. Largeur de l'image du produit: Vous pouvez définir la largeur de l'image du produit.
  1. Hauteur de l'image du produit: Vous pouvez définir la hauteur de l'image du produit.

Produits spéciaux 4.8

Les produits spéciaux apparaissent sous les produits en défilement horizontal.

Produits speciaux

  1. Activer / désactiver les promotions: Basculez le bouton pour activer / désactiver les produits spéciaux de l'application.
  1. Limite: Vous pouvez même limiter le nombre de produits figurant dans les promotions.
  1. Largeur de l'image du produit: Vous pouvez définir la largeur de l'image du produit.
  1. Hauteur de l'image du produit: Vous pouvez définir la hauteur de l'image du produit.

Produits 4.9 Best Seller

Les produits les plus vendus dans votre magasin apparaissent juste en dessous des spéciaux du défilement horizontal. Vous pouvez les configurer comme décrit dans l'instantané:

best-seller-produits

  1. Activer / désactiver les promotions: Basculez le bouton pour activer / désactiver les produits les plus vendus de l’application.
  1. Limite: Vous pouvez même limiter le nombre de produits figurant parmi les meilleurs vendeurs.
  1. Largeur de l'image du produit: Vous pouvez définir la largeur de l'image du produit.
  1. Hauteur de l'image du produit: Vous pouvez définir la hauteur de l'image du produit.

4.10 Derniers produits

Les derniers produits sont affichés en bas de l'écran de la page d'accueil et peuvent être configurés comme suit:

derniers produits

  1. Activer / désactiver les promotions: Basculez le bouton pour activer / désactiver les derniers produits de l'application.
  1. Limite: Vous pouvez même limiter le nombre de produits figurant dans les derniers produits.
  1. Largeur de l'image du produit: Vous pouvez définir la largeur de l'image du produit.
  1. Hauteur de l'image du produit: Vous pouvez définir la hauteur de l'image du produit.

Pages d'informations 4.11

L'application mobile WooCommerce permet également à l'administrateur du magasin d'afficher diverses pages du système de gestion de contenu et leurs détails. L'administrateur peut même ajouter une nouvelle page s'il y a une exigence.pages d'information

4.12 Google Login

Le fabricant d'applications mobiles WooCommerce fournit une option de connexion Google dans l'application mobile pour une connexion et un enregistrement transparents des utilisateurs.

google-login

  1. Activer / désactiver la connexion à Google: Vous pouvez activer / désactiver l'option de connexion Google à partir du module backend.
  2. Fichier JSON Google: Téléchargez le fichier JSON de Google.

4.13 Facebook Login

Le créateur d'applications mobiles WooCommerce vous permet de fournir une connexion Facebook simple et rapide aux utilisateurs d'applications.

Identifiant Facebook

  1. Activer / désactiver la connexion à Facebook: Vous pouvez activer / désactiver l'option de connexion à Facebook à partir de l'interface d'administration du module de création d'applications mobiles WooCommerce.
  1. Identifiant de l'application Facebook: Entrez l'ID d'application de votre application Facebook créée.

Exemple de données 4.14

Des exemples de données sont également fournis dans le back-end du créateur d'applications mobiles WooCommerce. Il permet à tous les propriétaires de magasins pour débutants de remplir les données complètes par défaut en un seul clic.

exemples de pages

Écrans de l'application mobile 5.0

5.1 Splash Screen

L'écran de démarrage sera le premier écran de votre application qui sera affiché aux utilisateurs. Dans la partie inférieure de l'écran de démarrage se trouve l'option de démonstration pour expliquer comment personnaliser la conception de l'application.

splash-écran

1. Couleur du thème –

Par défaut, quatre couleurs de thème sont disponibles, mais vous pouvez en ajouter une nouvelle en cliquant sur l'option '+' si une couleur personnalisée est requise.

2. Choisir la langue –

Le créateur d'applications mobiles WooCommerce prend en charge toutes les langues natives. Nous avons incorporé les langues internationales 18 + dans l'application par défaut. De plus, si vous souhaitez qu’une autre langue soit ajoutée à la liste, nous pouvons l’intégrer gratuitement.

3. Choisir la police –

Par défaut, le fabricant d’applications mobiles WooCommerce fournit les polices 12 + et vous pouvez les utiliser. Si vous souhaitez utiliser d'autres polices pour votre application, nous pouvons les ajouter gratuitement.

4. Voir votre magasin –

Vous pouvez également voir votre magasin en entrant l'URL de votre magasin dans le champ requis.

5. Voir la démo –

Nous avons intégré l'application mobile de commerce électronique à notre magasin de démonstration par défaut. Vous pouvez découvrir les caractéristiques et fonctionnalités de l'application avec l'option de démonstration.

Écrans d'accueil 5.2

Les écrans intuitifs de produit et de catégorie des applications mobiles obligeaient les utilisateurs à puiser dans votre magasin. Voyons quels sont les écrans d'accueil que vous rencontrerez une fois le magasin installé:

1. Écran de menu

Vous pouvez voir le menu en cliquant sur la barre de navigation située à gauche de l'écran d'accueil de l'application mobile WooCommerce. Le menu fournit les options suivantes aux utilisateurs:

1. Mon compte:écran d'accueil

Les utilisateurs peuvent accéder à leur compte où ils peuvent voir l'historique de leurs commandes ou mettre à jour les détails de leur compte.

2. Catégories:?

Autoriser les utilisateurs à afficher les catégories sur deux niveaux L'utilisateur peut sélectionner une catégorie à partir de cet emplacement et voir les produits sur l'écran de liste des produits de l'écran sélectionné.

3. À propos de nous:

Permet aux utilisateurs de voir le magasin à propos de nous page.

4. Contactez nous:

Permet aux utilisateurs de voir la boutique nous contacter page.

5. Connexion / Déconnexion:

Permet à l'utilisateur de se connecter / déconnecter de son compte de magasin.

2. Curseurs:

Les curseurs sont affichés en haut de l'écran d'accueil. Les curseurs sont constitués de différentes images promotionnelles qui sont modifiées après un intervalle de temps déterminé à partir d'un diaporama. Vous pouvez facilement personnaliser le nombre de diapositives apparaissant au début. Ces curseurs redirigent vos utilisateurs vers le produit spécifique ou l’écran de catégorie de l’application.sliders-and-banners

Remarque : Assurez-vous que les curseurs sont activés à partir du backend. Conservez la taille des images à utiliser dans celles-ci de taille 400 * 600 pour un aperçu clair des images sur l'application.

3. Bannières:

Les bannières sont affichées juste en dessous des curseurs. Vous pouvez rediriger l'utilisateur vers n'importe quelle catégorie ou écran de produit à l'aide de ces images de bannière. Tous les paramètres de configuration requis se trouvent dans l'interface principale de WooCommerce Mobile App Maker.

Remarque : Assurez-vous que le module de bannière est activé sur le magasin et que la taille des bannières doit être> = (600 * 400) w * h pour un aperçu clair des images sur l'application mobile de commerce électronique.

4. Produits présentés:

La collection de produits en vedette est affichée juste en dessous des bannières sous la forme de la grille. produits en vedette et spéciauxCelles-ci

?5.

Les dernières arrivées de votre magasin sont affichées sous les produits présentés en défilement horizontal. Ce sont les mêmes produits qui sont visibles sur votre vitrine. Les utilisateurs peuvent simplement faire défiler et voir les derniers produits de votre magasin.

6. Produits speciaux:

Juste en dessous des dernières arrivées se trouvent les produits spéciaux de votre magasin. Ceux-ci sont également affichés dans le défilement horizontal et sont les mêmes produits que ceux affichés dans votre boutique.

produits spéciaux

7. Produits les plus vendus:

Les produits les plus vendus sont affichés sous les produits spéciaux sur l'écran d'accueil. Ce sont les mêmes produits affichés sur votre vitrine. Les produits Bestseller sont affichés horizontalement afin que l'utilisateur puisse faire défiler et trouver plus de produits facilement.

8. Chercher:

Il y a une icône de recherche en haut à droite de l'écran. Les utilisateurs peuvent simplement cliquer sur l'icône et rechercher des produits.

9. Chariot:

Près de l'icône de recherche, l'icône du panier est présente sur la page d'accueil de l'écran. Les utilisateurs peuvent voir et gérer le produit enregistré dans leur panier à partir d'ici.

Catégorie 5.3

Les utilisateurs peuvent simplement atterrir sur les pages de catégorie simplement en sélectionnant l'une des options de catégorie dans le menu de l'écran d'accueil. Dans l'application mobile WooCommerce, vous pouvez facilement afficher toutes les catégories de votre magasin. Il existe également une option pour afficher les produits non classés dans l'application. La section Catégories présente les fonctionnalités suivantes:écran de catégorie

Les utilisateurs passeront à l’écran des catégories lors de la sélection d’une catégorie dans le menu de l’écran d’accueil. La section catégorie offre diverses fonctionnalités:

1. Trier:

La fonction de tri permet aux utilisateurs de trier les produits en fonction du prix, de la couleur ou de la taille (ordre décroissant ou décroissant).

2. Filtre:

Les utilisateurs pourraient appliquer une filtration aux produits sur la base d'attributs tels que le prix, la couleur, la taille, etc.

3. Liste de produits:

Les produits de catégorie sont listés dans la vue grille. Les utilisateurs peuvent simplement faire défiler ci-dessous et obtenir toute la collection de produits.

Tri 5.4

fonction de tri

Filtre 5.5

fonctionnalité de filtre de produit

5.6 Recherche

Les utilisateurs peuvent simplement rechercher tout produit disponible sur le magasin en entrant simplement le mot clé correspondant dans l'icône de recherche.

fonction de recherche de produit

5.7 produit

Le fabricant d'applications mobiles de commerce électronique pour WooCommerce prend en charge tous les types de produits. L’écran Produit permet aux utilisateurs d’afficher les détails du produit, tels que son image, sa description et ses attributs (taille ou couleur).

produit-page-écran

1. Option du produit et description:

Les utilisateurs peuvent simplement rechercher tout produit disponible sur le magasin en entrant simplement le mot clé correspondant dans l'icône de recherche.

2. Ajouter au panier:

Les utilisateurs peuvent simplement ajouter le produit à leur panier en cliquant sur le bouton Ajouter au panier affiché en bas de l'écran.

3. Partage de produit:

Les utilisateurs sont également autorisés à partager les liens de produits avec d'autres utilisateurs en cliquant sur l'option de partage de produit.

Sac à provisions 5.8

Le panier d'achat de l'application mobile eCommerce permet aux utilisateurs de voir tous les produits stockés dans le sac à l'achat.

1. Liste de produits:sac de courses

Les utilisateurs peuvent facilement voir tous les produits ajoutés dans le panier avec leur prix.

2. La quantité de mise à jour:

Les utilisateurs peuvent même mettre à jour la quantité de produit directement dans le panier en cliquant sur l'option Mettre à jour la quantité.

3. Retirer du panier:

Il existe également une option permettant de supprimer le produit du panier.

4. Continuer vos achats:

En cliquant sur l'option Continuer les achats, les utilisateurs seront redirigés vers la page d'accueil pour parcourir plus de produits.

5. Continuer à la caisse:

Les utilisateurs peuvent accéder directement à la page de paiement en cliquant sur l’option Continuer vers le paiement.

5.9 Checkout

WooCommerce Mobile App Maker offre une approche de paiement simplifiée à vos utilisateurs. L'écran de paiement fournit des informations sur les détails d'expédition, les détails de facturation, le récapitulatif de commande, les méthodes d'expédition et le récapitulatif de paiement total.

1. Adresse de livraison:app-checkout

Les utilisateurs peuvent voir les détails complets de l'expédition dans cet écran

Ajouter / Modifier l'adresse de livraison:

Les utilisateurs sont autorisés à modifier les détails d'expédition du produit et peuvent même en ajouter un nouveau.

2. Adresse de facturation:

Il fournit même toutes les informations de facturation sélectionnées par l'utilisateur.

Ajouter / Modifier l'adresse de facturation:

Les utilisateurs peuvent même voir les produits ajoutés dans le panier avec le résumé complet.

3. Récapitulatif de la commande:

Fournit les détails du ou des produits ajoutés au panier par l'utilisateur.

4. Commentaire de commande:app-checkout-screen

Les utilisateurs peuvent même écrire un commentaire de commande visible par l'administrateur du magasin sur le serveur.

5. Résumé de paiement:

Il fournit le détail complet du coût total du panier.

6. Procéder au paiement:

Les utilisateurs peuvent accéder à la page de paiement en cliquant simplement sur l’option Procéder au paiement.

7. Procéder au paiement:

Les utilisateurs peuvent accéder à la page de paiement en cliquant simplement sur l’option Procéder au paiement.

Paiement 5.10

Sur l'écran de paiement, l'utilisateur peut trouver dans la liste toutes les options de paiement disponibles. WooCommerce Mobile Creator prend en charge tous les types de méthodes de paiement et permet même à l’administrateur de la boutique d’en ajouter de nouvelles à partir du backend. Nous avons intégré par défaut deux modes de paiement natif PayPal et Paiement à la livraison. Les utilisateurs peuvent simplement cliquer sur l'option Effectuer le paiement pour compléter la transaction.

Modes de paiement intégrés ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
paiement-méthodes

Vos méthodes de paiement en magasin

paiement par fil

Connexion 5.11

Le fabricant d'applications mobiles WooCommerce pour Android / iOS fournit des options de connexion sociale rapides. Les identifiants Facebook et Google sont fournis dans les applications mobiles de commerce électronique. Cela facilite le processus de connexion et d'inscription pour les utilisateurs de l'application de commerce électronique.

1. S'identifier:app-social-login

Les utilisateurs pourront accéder à l'application simplement en entrant les informations de connexion des utilisateurs.

2. S'inscrire:

Pour chaque nouvel utilisateur de l'application, l'option d'inscription est là pour créer le nouveau compte en renseignant les informations nécessaires.

3. Mot de passe oublié:

L'application mobile E-commerce permet aux utilisateurs de récupérer le mot de passe perdu avec l'option Mot de passe oublié.

4. Identifiant Facebook:

Les utilisateurs peuvent se connecter et parcourir l'application avec leur compte Facebook.

5. Connexion Google:

Les utilisateurs peuvent également se connecter et parcourir l'application avec leur compte Google.

Remarque :

  1. Pour créer une application Facebook et obtenir son identifiant, reportez-vous au lien suivant:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#prerequisites-for-creating-facebook-app-for-android-will-be-provided-by-knowband

  1. Pour créer Google App, reportez-vous au lien suivant:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#prerequisites-for-creating-google-app-for-android-will-be-provided-by-knowband

5.12 Mon compte

L'écran Mon compte de l'application mobile WooCommerce Android / iOS permet aux utilisateurs de voir les détails complets de leur compte. Il contient également la liste de toutes les commandes précédentes passées par les utilisateurs. L'écran de mon compte présente les fonctionnalités suivantes:

1. Historique des commandes:

Fournit les détails de la / des commande (s) passée (s) par l'utilisateur, tel que l'identifiant de la commande, la date de soumission, le statut de la commande.Mon compte-écran

2. Mettre à jour le profil:

Les utilisateurs sont autorisés à mettre à jour leurs informations personnelles. Les utilisateurs peuvent mettre à jour leurs nom et mot de passe stockés dans l'application.

3. Adresse de livraison:

Les utilisateurs peuvent voir directement toutes les adresses stockées en cliquant sur l’option adresses de livraison.

4.

Les utilisateurs peuvent afficher les détails complets des commandes précédemment passées sous forme d'identifiant, d'état de la commande, etc., si nécessaire.

5. Fonction de re-commande:

La fonction de réapprovisionnement permet aux utilisateurs d’acheter les produits précédemment commandés directement à partir de l’écran Mon compte.

Détail de la commande 5.13

L'écran de détail de la commande de l'application mobile WooCommerce permet aux utilisateurs de rechercher et de suivre leurs commandes passées depuis l'application. Il contient des informations complètes sur l'état de la commande, l'adresse de livraison, les détails du paiement et le coût total.

détails de la commande

5.14 Ajouter une adresse

Si nécessaire, les utilisateurs peuvent facilement ajouter une nouvelle adresse de livraison directement depuis l'application mobile.ajouter une nouvelle adresse d'expédition?Watch the complete functionalities of WooCommerce Mobile App Maker plugin in this didacticiel vidéo ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??


Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *