- \n
- Chargement plus rapide et performances rapides<\/li>\n
- \u00c9cran d’accueil enti\u00e8rement personnalisable avec l’\u00e9diteur de bricolage<\/li>\n
- Prise en charge de tous les modes d’exp\u00e9dition et de paiement sur le site Web<\/li>\n
- Notifications push illimit\u00e9es (notifications automatiques et personnalis\u00e9es)<\/li>\n
- Notification push de panier abandonn\u00e9<\/li>\n
- Prise en charge du chat Zopim et WhatsApp<\/li>\n
- Interface conviviale engageante<\/li>\n
- Pas de d\u00e9pendance sur les magasins d’applications<\/li>\n
- Enti\u00e8rement marqu\u00e9 pour votre magasin (marque blanche)<\/li>\n
- Email et connexion sociale (Google et Facebook)<\/li>\n
- Prise en charge multilingue et RTL<\/li>\n
- Fonctionnement en mode hors ligne<\/li>\n
- Fonctionnalit\u00e9 de liste de souhaits int\u00e9gr\u00e9e<\/li>\n
- Synchronisation en direct sur le site Web et l’application<\/li>\n
- Mise \u00e0 jour automatique de l’inventaire<\/li>\n
- Compatibilit\u00e9 de plusieurs appareils<\/li>\n
- Paiement d’une page<\/li>\n
- Application l\u00e9g\u00e8re<\/li>\n
- Gestion des pages CMS<\/li>\n
- Produits associ\u00e9s sur Progressive Web App<\/li>\n
- Avis d’utilisateurs pour les produits sur PWA<\/li>\n
- Prise en charge de plusieurs devises<\/li>\n
- Assistance pour les coupons \/ bons<\/li>\n<\/ul>\n
[IMP] Remarques pour iOS PWA :<\/h3>\n
\ufffd> Les appareils iOS (iPhone, iPad, etc.) n’offrent aucune invite “Ajouter \u00e0 l’\u00e9cran d’accueil” int\u00e9gr\u00e9e. Par cons\u00e9quent, les utilisateurs de l’application mobile PWA doivent ajouter manuellement l’application mobile OpenCart PWA \u00e0 l’\u00e9cran d’accueil de l’iPhone ou de l’iPad. \ufffd> iOS ne prend pas en charge les notifications push Web. Par cons\u00e9quent, l’administrateur du magasin ne peut envoyer les notifications push qu’\u00e0 l’appareil Android, pas sur iOS.<\/p>\n
[NOUVELLE MISE \u00c0 JOUR]\ufffdOpenCart PWA prend en charge les langues RTL (arabe, h\u00e9breu, etc.) :<\/h3>\n
Le cr\u00e9ateur d’applications mobiles OpenCart PWA prend d\u00e9sormais en charge plusieurs langues, y compris les scripts RTL (de droite \u00e0 gauche) comme l’arabe, l’h\u00e9breu, le persan, etc. Toutes les langues de la boutique OpenCart seront sur l’application Web progressive et d’autres langues requises peuvent \u00e9galement \u00eatre ajout\u00e9es. Les utilisateurs peuvent choisir la langue sur l’application Web progressive et tout le contenu de l’application sera traduit en cons\u00e9quence.<\/p>\n
Enti\u00e8rement compatible avec le march\u00e9 multifournisseur KnowBand:<\/h2>\n
Notre application mobile OpenCart PWA est compatible avec Place de march\u00e9 multifournisseurs OpenCart<\/a>. Convertissez votre boutique de commerce \u00e9lectronique OpenCart en un march\u00e9 \u00e0 part enti\u00e8re et lancez l’application mobile PWA pour la m\u00eame chose. Les vendeurs de la marketplace seront disponibles sur votre Progressive Web App et les utilisateurs pourront simplement les parcourir \u00e9galement.<\/p>\n
Remarque:<\/strong> Les applications mobiles OpenCart PWA sont uniquement centr\u00e9es sur le client, c’est-\u00e0-dire que les utilisateurs peuvent visiter l’application de navigation PWA avec les vendeurs. Il n’y aura pas de tableau de bord ou de gestion du vendeur via OpenCart Progressive Web App. L’administrateur peut g\u00e9rer les vendeurs \u00e0 partir du Web du march\u00e9 et il sera mis \u00e0 jour automatiquement sur l’application mobile PWA.<\/p>\n
1.3 Voir la d\u00e9mo OpenCart PWA:<\/h3>\n
<\/p>\n
![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\")
<\/a><\/p>\nExplorez les fonctionnalit\u00e9s du module et de l’application PWA \u00e0 partir des liens de d\u00e9monstration ci-dessous:<\/p>\n
Panneau d’administration du module: <\/strong>https:\/\/opencartdemo.knowband.com\/3.0\/pwa\/admin\/<\/a>
\nApplication de d\u00e9monstration PWA:<\/strong> ,warhttps:\/\/opencartdemo.knowband.com\/3.0\/pwa\/pwa-app\/<\/a><\/p>\n(Copiez-collez l’URL dans le navigateur mobile et “Ajouter \u00e0 l’\u00e9cran d’accueil”)<\/p>\n
2.0 \u00c9crans du panneau d’administration:<\/h2>\n
Explorez tous les param\u00e8tres du panneau d’administration de l’extension OpenCart PWA Mobile App ainsi que les fonctionnalit\u00e9s et travaillez avec les instantan\u00e9s partag\u00e9s ci-dessous:<\/p>\n
Param\u00e8tres g\u00e9n\u00e9raux 2.1:<\/h3>\n
![\"r\u00e9glages](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/General-Settings.png\")
<\/p>\na) Afficher \/ masquer l’aper\u00e7u:<\/strong> Appuyez sur le bouton \u0153il pour afficher \/ masquer l’aper\u00e7u du t\u00e9l\u00e9phone dans le panneau d’administration.
\nb) Statut:<\/strong> Activez le module pour que PWA fonctionne sur les appareils mobiles.
\nc) Activer le rapport du journal des demandes:<\/strong> Activez le journal des erreurs sur mobile.
\nd) Nom de l’application PWA:<\/strong> Entrez le nom de l’application OpenCart PWA.
\ne) S\u00e9lectionnez Disposition pour la page d’accueil:<\/strong> Choisissez parmi la disposition d’\u00e9cran d’accueil pr\u00e9-ajout\u00e9e pour OpenCart Progressive Web App.<\/p>\n![\"param\u00e8tres](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/General-Settings-2.png\")
<\/p>\nf) Activer la barre d’onglets:<\/strong> Activez la barre d’onglets en bas de l’application OpenCart PWA pour une navigation transparente.
\ng) Police pour l’application PWA:<\/strong> Choisissez une police pour OpenCart Progressive Web App (PWA).
\nh) Couleur du bouton de l’application:<\/strong> Choisissez la couleur du bouton pour l’application mobile PWA.
\ni) Couleur du th\u00e8me de l’application:<\/strong> Choisissez la couleur du th\u00e8me pour l’application PWA.
\nj) Couleur d’arri\u00e8re-plan de l’application:<\/strong> Choisissez la couleur d’arri\u00e8re-plan de l’application PWA.
\nk) Couleur de l’\u00e9cran de d\u00e9marrage de l’application:<\/strong> Choisissez un \u00e9cran de d\u00e9marrage pour l’application mobile PWA.
\nl) Activer le logo:<\/strong> Ajoutez le logo de votre marque sur l’en-t\u00eate de l’application mobile OpenCart PWA.<\/p>\n![\"param\u00e8tres](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/General-settings-3.png\")
<\/p>\nm) Image de l’ic\u00f4ne de l’application:<\/strong> Ajoutez l’image de l’ic\u00f4ne de l’application dans le panneau d’administration de l’extension OpenCart PWA.
\nn) Redirection sur la page du panier lors de l’ajout au panier:<\/strong> Contr\u00f4lez la redirection du bouton Ajouter au panier chaque fois qu’un utilisateur appuie sur le bouton Ajouter au panier.<\/p>\nParam\u00e8tres de notifications push 2.2<\/h3>\n
![\"param\u00e8tres](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2.jpg\")
<\/a><\/p>\nLes notifications push sont le meilleur outil marketing pour la Progressive Web App (PWA) pour OpenCart. L’administrateur du magasin peut simplement promouvoir les produits et les offres du magasin aupr\u00e8s des utilisateurs de l’application et g\u00e9n\u00e9rer plus de ventes et de revenus. Entrez tous les d\u00e9tails dans les param\u00e8tres de notification push en cr\u00e9ant un projet Firebase:<\/p>\n
Comment cr\u00e9er un compte Firebase?<\/strong><\/p>\n
\u00c9tape 1 :<\/strong> Connectez-vous \u00e0 Google Firebase<\/p>\n
![\"firebase\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/1.png\")
<\/p>\n\u00c9tape 2 :<\/strong> Cr\u00e9er un nouveau projet Lorsque vous cliquez sur Ajouter un projet, la bo\u00eete de dialogue suivante appara\u00eetra:<\/p>\n
![\"cr\u00e9er-projet\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/2.png\")
\nLa cr\u00e9ation du projet prendra quelques secondes. Une fois le projet pr\u00eat, cliquez sur Continuer.<\/p>\n![\"continuer-projet\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3.png\")
<\/p>\n\u00c9tape 3 :<\/strong> G\u00e9rer les param\u00e8tres du projet Une fois le projet cr\u00e9\u00e9, cliquez sur Param\u00e8tres du projet.<\/p>\n
![\"param\u00e8tres](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/4.png\")
<\/p>\n\u00c9tape 4 :<\/strong>Aller aux options d’authentification:<\/p>\n
![\"authentification-options\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/5.png\")
\n\u00c9tape 5 :<\/strong> Trouver les cl\u00e9s Firebase Dans les param\u00e8tres du projet, cliquez sur Param\u00e8tres de messagerie Cloud. De l\u00e0, vous pouvez directement obtenir la cl\u00e9 du serveur.<\/p>\n![\"cl\u00e9](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/9.png\")
\n\u00c9tape 6 :<\/strong> Ajoutez votre application Web \u00e0 Firebase<\/p>\n![\"application](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/7.png\")
<\/p>\n![\"application](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/7-1.png\")
<\/p>\n\u00c9tape 7 :<\/strong>“ Obtenez d’autres d\u00e9tails relatifs \u00e0 Firebase et collez-les dans le panneau d’administration du module PWA.<\/p>\n
![\"d\u00e9tails](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/8.png\")
<\/p>\n\u00c9tape 8 :<\/strong>Obtenez la cl\u00e9 du serveur Firebase \u00e0 partir de l’onglet de messagerie cloud dans Param\u00e8tres:<\/p>\n
![\"cl\u00e9](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/9-1.png\")
<\/p>\n\u00c9tape 9 :<\/strong>Ajoutez votre domaine dans l’authentification >> connectez-vous.<\/p>\n
![\"cl\u00e9](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/10.png\")
<\/p>\n![\"cl\u00e9](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/11.png\")
<\/p>\nA) Notification push de commande r\u00e9ussie:<\/strong><\/p>\n
Activez \/ d\u00e9sactivez la notification push automatique \u00e0 envoyer aux utilisateurs de l’application chaque fois qu’ils passent une commande r\u00e9ussie \u00e0 partir de l’application Web progressive OpenCart (PWA).<\/p>\n
![\"commande-succ\u00e8s\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Order-success-.png\")
<\/p>\nB) Notification push de mise \u00e0 jour de l’\u00e9tat de la commande:<\/strong><\/p>\n
Activer \/ D\u00e9sactiver la notification push automatique envoy\u00e9e chaque fois que l’\u00e9tat de la commande de l’application est mis \u00e0 jour. Les utilisateurs de l’application mobile OpenCart PWA peuvent garder un \u0153il sur les d\u00e9tails des commandes pr\u00e9c\u00e9dentes.<\/p>\n
![\"notification](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Order-status-notification.png\")
<\/p>\nC) Notification push de panier abandonn\u00e9:<\/strong><\/p>\n
Activer \/ d\u00e9sactiver la notification push automatique envoy\u00e9e aux utilisateurs abandonnant des produits dans le panier sans achat r\u00e9ussi. Cette notification push sera envoy\u00e9e aux utilisateurs automatiquement apr\u00e8s l’intervalle de temps entr\u00e9.<\/p>\n
![\"chariot](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Abandoned-cart.png\")
<\/p>\n2.3 Historique des notifications push<\/h3>\n
L’historique complet des notifications push des notifications push envoy\u00e9es avec succ\u00e8s s’affiche ici. L’administrateur du magasin peut garder une trace des notifications push pr\u00e9c\u00e9demment envoy\u00e9es \u00e0 partir d’ici.<\/p>\n
![\"historique](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/push-notification-history.png\")
<\/p>\nA) Envoyer une notification:<\/strong><\/p>\n
Personnalisez et envoyez manuellement une notification push aux utilisateurs d’OpenCart Progressive Web App (PWA) selon les besoins. L’administrateur du magasin peut configurer lui-m\u00eame ces notifications et les envoyer aux utilisateurs d’OpenCart Progressive Web App (PWA).<\/p>\n
![\"envoyer-notification\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/send-notification.png\")
<\/p>\nMise en page de la page d\u2019accueil 2.4:<\/h3>\n
Concevez et enregistrez plusieurs mod\u00e8les de mises en page (vente, festivals, etc.) et choisissez simplement celui qui convient dans le panneau d’administration pour mettre \u00e0 jour sur OpenCart Progressive Web App.<\/em><\/p><\/blockquote>\n
<\/a><\/p>\nL’OpenCart Progressive Web App (PWA) offre un \u00e9cran d’accueil personnalisable dont la mise en page peut \u00eatre con\u00e7ue \u00e0 partir du panneau d’administration en quelques clics de souris et glisser-d\u00e9poser. La mise en page attrayante selon le festival en cours, la vente, l’occasion, etc. peut certainement aider \u00e0 am\u00e9liorer les ventes via les applications mobiles OpenCart PWA.<\/p>\n
![\"mise](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/home-page-layout.png\")
<\/p>\nAjoutez une nouvelle mise en page \u00e0 partir de cet onglet ou modifiez les mises en page pr\u00e9c\u00e9demment ajout\u00e9es. Les param\u00e8tres de configuration de la page d’accueil offrent les \u00e9l\u00e9ments suivants:<\/p>\n
Cat\u00e9gories principales: <\/strong><\/p>\n
![\"cat\u00e9gorie](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Top-category-.png\")
<\/p>\nBanni\u00e8re carr\u00e9e:<\/strong><\/p>\n
![\"banni\u00e8re](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Square-Banner-.png\")
<\/p>\nBanni\u00e8re coulissante horizontale:<\/strong><\/p>\n
![\"banni\u00e8re](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Sliding-Banner.png\")
<\/p>\nGrille de banni\u00e8re: <\/strong><\/p>\n
![\"banni\u00e8re-grille\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Grid-Banner.png\")
<\/p>\nBanni\u00e8re du compte \u00e0 rebours: <\/strong><\/p>\n
![\"compte](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Countdown-Timer-Banner.png\")
<\/p>\nProduits carr\u00e9s: <\/strong><\/p>\n
![\"produit](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Square-Product.png\")
<\/p>\nProduits coulissants: <\/strong><\/p>\n
![\"produits](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Sliding-Products-.png\")
<\/p>\nProduits de grille: <\/strong><\/p>\n
![\"produits](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Grid-products.png\")
<\/p>\nComment obtenir les d\u00e9tails de l’application Facebook?<\/h3>\n
L’application Facebook peut \u00eatre cr\u00e9\u00e9e en suivant les \u00e9tapes ci-dessous: –<\/p>\n
\u00c9tape 1 :<\/strong>Aller \u00e0 l’URL donn\u00e9e: https:\/\/developers.facebook.com\/apps\/<\/p>\n
\u00c9tape 2 :<\/strong>Cliquez sur le bouton “Ajouter une nouvelle application”.<\/p>\n
![\"add-new-app\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.jpg\")
<\/a><\/p>\n\u00c9tape 3 et 4:<\/strong>Entrez le nom de votre application et votre adresse e-mail, puis cliquez sur le bouton “Cr\u00e9er un identifiant d’application”.<\/p>\n
![\"create-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.jpg\")
<\/a><\/p>\n\u00c9tape 5 et 6:<\/strong>Apr\u00e8s avoir cliqu\u00e9 sur Cr\u00e9er un identifiant d’application, vous devrez effectuer un contr\u00f4le de s\u00e9curit\u00e9 comme indiqu\u00e9:<\/p>\n
![\"create-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.jpg\")
<\/a><\/p>\n\u00c9tape 7 :<\/strong>Cliquez sur l’onglet “Param\u00e8tres”.<\/p>\n
![\"param\u00e8tre](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.jpg\")
<\/a><\/p>\n\u00c9tape 8-13:<\/strong>Deux options seront disponibles dans le menu d\u00e9roulant, Basique et Avanc\u00e9, cliquez sur “Basique”. Ensuite, entrez votre \u00abDomaine d’application\u00bb, \u00abEmail de contact\u00bb, \u00abURL de confidentialit\u00e9\u00bb, \u00abTermes et conditions\u00bb URL \u00bb,\u00ab Ajouter un logo \u00bb,\u00ab S\u00e9lectionner une cat\u00e9gorie \u00bbet cliquez sur le bouton\u00ab Enregistrer les modifications \u00bb. Domaines d’application: yourdomain.com est correct yourdomain.com\/store is incorrect www.domain.com is incorrect<\/p>\n
![\"id-app-fb\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.jpg\")
<\/a><\/p>\n\u00c9tape 14 :<\/strong>Maintenant, cliquez sur “+ Ajouter une plate-forme”.<\/p>\n
![\"ajouter-plate-forme\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6.jpg\")
<\/a>
\n\u00c9tape 15: <\/strong>Et s\u00e9lectionnez Site Web comme plate-forme.<\/p>\n![\"plate-forme](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.jpg\")
<\/a><\/p>\n\u00c9tape 16 :<\/strong>Maintenant, entrez l’URL de votre site.<\/p>\n
![\"entrer-url-site-web\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.jpg\")
<\/a>
\n\u00c9tape 17 et 18:<\/strong>Cliquez sur “Produits +” et s\u00e9lectionnez Connexion Facebook.<\/p>\n![\"Identifiant](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.jpg\")
<\/a>
\n\u00c9tape 19 :<\/strong>S\u00e9lectionnez Web comme plate-forme pour l’application.<\/p>\n![\"plate-forme](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.jpg\")
<\/a><\/p>\n\u00c9tape 20 :<\/strong>“ Maintenant, cliquez sur Enregistrer.<\/p>\n
![\"facebook-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.jpg\")
<\/a>
\n\u00c9tape 21 et 22: <\/strong>Cliquez sur Param\u00e8tres et ajoutez un URI de redirection OAuth valide. URI de redirection OAuth valides: https:\/\/example.com\/pwa-app\/login<\/p>\n![\"URL](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12.jpg\")
<\/a><\/p>\n\u00c9tape 23 et 24:<\/strong>Cliquez sur “Revue de l’application”. Et marquez \u00abRendre le nom de votre application public\u00bb sur Oui.<\/p>\n
![\"examen](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13.jpg\")
<\/a>
\nDerni\u00e8re \u00e9tape:<\/strong>Copiez l’ID de l’application et le secret de l’application et collez-les dans les champs fournis dans le module.<\/p>\n![\"derni\u00e8re](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14.jpg\")
<\/a><\/p>\nComment obtenir les d\u00e9tails de l’application Google?<\/h3>\n
- \n
- Acc\u00e9dez \u00e0 Google Developers Console (https:\/\/console.developers.google.com\/project) ou cliquez sur le lien en haut \u00e0 droite de l’onglet correspondant dans la page de configuration du module.<\/li>\n
- Cliquez maintenant sur Cr\u00e9er un projet \u00e0 gauche de la page.<\/li>\n
- Saisissez un nom pour votre projet et passez \u00e0 l’\u00e9tape suivante.<\/li>\n
- Cliquez maintenant sur API et auth-> Credentials dans le menu de gauche comme indiqu\u00e9 ci-dessous.<\/li>\n<\/ul>\n
![\"google-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a.jpg\")
<\/a><\/p>\n- \n
- Cliquez sur le bouton Cr\u00e9er un nouvel ID client dans le panneau de droite de l’\u00e9cran.<\/li>\n
- Vous devrez peut-\u00eatre remplir le formulaire pour l’\u00e9cran de consentement avant de continuer. Pour ce faire, vous devez cliquer sur \u00c9cran de consentement dans le menu de gauche, comme indiqu\u00e9 dans l’image ci-dessus.<\/li>\n
- Remplissez le formulaire avec les d\u00e9tails ci-dessous:<\/li>\n<\/ul>\n
Type d’application:<\/strong> Application Web.
\nOrigines JavaScript autoris\u00e9es:<\/strong> Le nom de domaine de votre boutique (https:\/\/www.yourstore.com).
\nURI de redirection autoris\u00e9e ou URI de la page de redirection de Loginizer:<\/strong>
\nhttps:\/\/example.com\/pwa-app\/login<\/p>\n![\"google-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b.jpg\")
<\/a><\/p>\n- \n
- Maintenant, cliquez sur le bouton Cr\u00e9er un ID client pour obtenir votre ID client et votre cl\u00e9 secr\u00e8te client.<\/li>\n
- Vous pouvez d\u00e9sormais utiliser le secret client et l’ID client pour permettre \u00e0 vos clients de se connecter \u00e0 votre boutique \u00e0 l’aide de leur compte Google.<\/li>\n<\/ul>\n
Pages d’informations 2.7:<\/h3>\n
Ajoutez des pages CMS sur l’application et proposez un contenu informatif aux utilisateurs de l’application mobile OpenCart PWA.<\/p>\n
![\"pages](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Information-pages-.png\")
<\/p>\n3.0 \u00c9crans de l’application PWA frontale:<\/h2>\n
\u00c9cran d’accueil 3.1:<\/h3>\n
![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Home-screen.png\")
<\/a><\/p>\nL’\u00e9cran d’accueil de l’OpenCart Progressive Web App (PWA) est enti\u00e8rement personnalisable avec un \u00e9diteur de bricolage comme expliqu\u00e9 ci-dessus dans les \u00e9crans du panneau d’administration. Changez l’apparence de l’\u00e9cran d’accueil de l’application \u00e0 tout moment et offrez une apparence plus conviviale et ax\u00e9e sur les ventes.<\/p>\n
1. Disposition personnalis\u00e9e:<\/h4>\n
\u00c0 l’aide de divers \u00e9l\u00e9ments de banni\u00e8re, de curseur et de produit, l’administrateur du magasin peut cr\u00e9er une mise en page dynamique selon les besoins.<\/p>\n
2. Logo de la marque:<\/h4>\n
Utilisez le logo de votre magasin sur l’en-t\u00eate sup\u00e9rieur de l’application Web progressive OpenCart (PWA).<\/p>\n
3. Sac de panier:<\/h4>\n
L’ic\u00f4ne du panier dans le coin sup\u00e9rieur droit de l’\u00e9cran d’accueil permet aux utilisateurs d’acc\u00e9der \u00e0 l’\u00e9cran du panier et de v\u00e9rifier les produits ajout\u00e9s.<\/p>\n
4. Menu de navigation de gauche:<\/h4>\n
Parcourez les cat\u00e9gories affich\u00e9es dans l’application PWA avec la navigation dans le menu de navigation \u00e0 gauche.<\/p>\n
Menu 3.2 Accordion (barre de navigation)<\/h3>\n
Les applications mobiles OpenCart PWA sont livr\u00e9es avec une cat\u00e9gorisation transparente et appropri\u00e9e disponible. Les utilisateurs peuvent trouver les cat\u00e9gories pertinentes dans le menu de navigation de gauche et parcourir les produits. Diverses pages CMS peuvent \u00e9galement \u00eatre ajout\u00e9es au menu offrant un contenu pertinent sur l’application.<\/p>\n
![\"barre-de-navigation-menu-accord\u00e9on\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Accordion-Menu-Navigation-Bar.png\")
<\/a><\/p>\n1. Mon compte:<\/h4>\n
L’option Mon compte contient toutes les informations personnelles des utilisateurs, y compris l’exp\u00e9dition et la commande. Les acheteurs d’OpenCart Progressive Web App peuvent afficher et mettre \u00e0 jour les informations enregistr\u00e9es.<\/p>\n
2. Cat\u00e9gories:<\/h4>\n
Les cat\u00e9gories affich\u00e9es dans le menu de navigation de gauche de l’application Web progressive OpenCart sont les m\u00eames que celles disponibles sur la boutique de commerce \u00e9lectronique.<\/p>\n
3. Pages CMS:<\/h4>\n
Diverses pages CMS telles que \u00c0 propos de nous, Contactez-nous, Conditions g\u00e9n\u00e9rales, etc. sont accessibles \u00e0 partir d’ici. Ces pages d’informations peuvent \u00eatre ajout\u00e9es \u00e0 partir du panneau d’administration de l’extension.<\/p>\n
4. Langue (s):<\/h4>\n
L’option de langue permet aux utilisateurs de l’application PWA d’afficher l’application Web dans la langue de leur choix.<\/p>\n
5. Devise (s):<\/h4>\n
Toutes les devises disponibles sur votre site Web sont affich\u00e9es ici sur l’application OpenCart Progressive Web App (PWA).<\/p>\n
6. Connexion \/ D\u00e9connexion:<\/h4>\n
Les utilisateurs peuvent facilement se connecter \/ se d\u00e9connecter de l’application OpenCart PWA via cette option.<\/p>\n
\u00c9cran de cat\u00e9gorie 3.3:<\/h3>\n
![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Screen.png\")
<\/a><\/p>\nDes \u00e9crans de cat\u00e9gorie sans encombrement avec la liste et la vue en grille permettent aux utilisateurs de choisir ce qui leur convient le mieux dans une cat\u00e9gorie sp\u00e9cifique. L’ensemble de l’inventaire du magasin restera synchronis\u00e9 avec l’application mobile OpenC Progressive Web App (PWA) et les nouveaux ajouts et modifications seront m\u00eame mis \u00e0 jour en temps r\u00e9el.<\/p>\n
1. Vue Liste et Grille:<\/h4>\n
Les cat\u00e9gories de l’application PWA pour OpenCart peuvent \u00eatre parcourues \u00e0 la fois en vue liste et grille.<\/p>\n
2. Tri des produits:<\/h4>\n
L’option de tri permet aux acheteurs en ligne d’affiner les produits dans l’ordre de tri souhait\u00e9 et de trouver le bon.<\/p>\n
3. Filtre de produit:<\/h4>\n
L’application mobile OpenCart PWA offre la possibilit\u00e9 de filtrer les produits en simplifiant la recherche de produits. Les acheteurs en ligne peuvent trouver les produits souhait\u00e9s sous cat\u00e9gories en utilisant des filtres pour divers attributs tels que la taille, la couleur, le prix, etc.<\/p>\n
\u00c9cran de produit 3.4:<\/h3>\n
![\"produit-\u00e9cran\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Product-Screen-1.png\")
<\/a><\/p>\nL’\u00e9cran du produit de l’OpenCart Progressive Web App est aussi simple et intrigant que possible. Avec toutes les options et informations n\u00e9cessaires sur le produit, cela devient une question de minutes pour que l’utilisateur soit s\u00fbr du produit qu’il s’appr\u00eate \u00e0 acheter. Des images multiples sont disponibles pour le produit avec les options En stock et Rupture de stock.<\/p>\n
1. Informations sur le produit et entretien:<\/h4>\n
Les informations compl\u00e8tes sur le produit disponibles dans l’inventaire seront affich\u00e9es ici.<\/p>\n
2. Br\u00e8ve description:<\/h4>\n
Les utilisateurs peuvent lire la br\u00e8ve description de votre produit pour se faire une opinion rapide sur l’achat.<\/p>\n
3. Options du produit:<\/h4>\n
Toutes les options li\u00e9es au produit comme la taille, la couleur, etc. sont affich\u00e9es ici.<\/p>\n
4. Ajouter au panier:<\/h4>\n
Ce bouton permet aux utilisateurs d’ajouter des produits dans le panier. Les utilisateurs peuvent en outre traiter le panier pour l’achat.<\/p>\n
5. Partage social de produit:<\/h4>\n
L’option de partage du produit permet aux utilisateurs de partager des produits sur plusieurs canaux sociaux.<\/p>\n
\u00c9cran de connexion 3.5<\/h3>\n
![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Login-Screen-1.png\")
<\/a><\/p>\nL’application mobile OpenCart PWA offre des options de connexion sociale en un clic et rend le processus de connexion \/ d’enregistrement plus transparent. L’application Web Progressive OpenCart propose une connexion Google et Facebook.<\/p>\n
1. S’identifier:<\/h4>\n
Les utilisateurs de l’application peuvent facilement s’authentifier et se connecter aux applications PWA en utilisant leurs identifiants de connexion par e-mail pr\u00e9c\u00e9dents.<\/p>\n
2. Inscrivez-vous:<\/h4>\n
Tous les nouveaux utilisateurs de l’application peuvent s’inscrire et cr\u00e9er leur compte sur le magasin \u00e0 partir de l’application OpenCart PWA. Le formulaire d’inscription ne demande que les d\u00e9tails n\u00e9cessaires pour cr\u00e9er un compte.<\/p>\n
3. Connectez-vous avec Facebook:<\/h4>\n
Les utilisateurs peuvent se connecter \u00e0 l’application PWA en utilisant leurs identifiants de compte Facebook.<\/p>\n
4. Connectez-vous avec Google:<\/h4>\n
Les utilisateurs peuvent se connecter \u00e0 l’application PWA en utilisant leurs identifiants de compte Google.<\/p>\n
\u00c9cran du panier d’achat 3.6:<\/h3>\n
L’\u00e9cran Panier de l’application mobile OpenCart PWA affichera tous les produits ajout\u00e9s au panier. Les utilisateurs de l’application peuvent afficher le nom du produit, la quantit\u00e9, le prix total et les frais d’exp\u00e9dition. Cet \u00e9cran propose les options suivantes:<\/p>\n
![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Shopping-Cart-Screen-1.png\")
<\/a><\/p>\n1. Appliquer le bon:<\/h4>\n
Cette option permet aux utilisateurs d’utiliser des coupons de site Web et de profiter d’offres de r\u00e9duction.<\/p>\n
2. Prix \u200b\u200btotal du produit:<\/h4>\n
Les utilisateurs peuvent voir le co\u00fbt total de leur panier avant de continuer. Il est automatiquement mis \u00e0 jour en fonction de toute mise \u00e0 jour avec quantit\u00e9 de produit ou nouvel ajout.<\/p>\n
3. Mettre \u00e0 jour la quantit\u00e9 de produit:<\/h4>\n
Les utilisateurs de l’application PWA peuvent m\u00eame mettre \u00e0 jour la quantit\u00e9 de produit avec l’option “Mettre \u00e0 jour la quantit\u00e9”.<\/p>\n
4. Supprimer le produit:<\/h4>\n
Les utilisateurs de l’application peuvent simplement supprimer le produit du panier en appuyant simplement sur l’option \u00abSupprimer\u00bb.<\/p>\n
5. Continuez vos achats:<\/h4>\n
Les utilisateurs de l’application peuvent quitter le panier pour parcourir plus de produits sur votre application.<\/p>\n
6. Continuez \u00e0 payer:<\/h4>\n
Les utilisateurs de l’application PWA peuvent continuer vers les \u00e9crans de paiement et de paiement en appuyant simplement sur l’option “Continuer \u00e0 payer”.<\/p>\n
\u00c9cran de paiement 3.7<\/h3>\n
La Progressive Web App pour OpenCart dispose d’une caisse simplifi\u00e9e sur un seul \u00e9cran avec uniquement les informations pertinentes. Les utilisateurs de l’application peuvent afficher les d\u00e9tails complets du paiement, tels que les d\u00e9tails d’exp\u00e9dition, les d\u00e9tails de facturation, le r\u00e9sum\u00e9 de la commande, le commentaire de la commande, le r\u00e9sum\u00e9 du paiement.<\/p>\n
![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Checkout-Screen.png\")
<\/a><\/p>\n1. D\u00e9tails d’exp\u00e9dition et de facturation:<\/h4>\n
Cet \u00e9cran fournit des d\u00e9tails sur les adresses de livraison et de facturation enregistr\u00e9es par l’utilisateur. L’utilisateur peut \u00e9galement modifier \/ enregistrer la nouvelle adresse de livraison si n\u00e9cessaire.<\/p>\n
2. R\u00e9capitulatif de la commande:<\/h4>\n
Les utilisateurs de l’application peuvent consulter les d\u00e9tails du produit avant d’effectuer le paiement.<\/h4>\n
3. M\u00e9thodes d’exp\u00e9dition: Toutes les m\u00e9thodes d’exp\u00e9dition disponibles sont affich\u00e9es ici. Les utilisateurs peuvent choisir celui qui correspond \u00e0 leurs besoins.<\/p>\n
4. Commentaire de la commande:<\/h4>\n
Les utilisateurs peuvent \u00e9galement ajouter tout commentaire li\u00e9 \u00e0 leur commande qui sera visible pour stocker l’administrateur sur la page Web de la commande dans le backend.<\/p>\n
6. R\u00e9capitulatif du paiement:<\/h4>\n
Cette section affiche les d\u00e9tails de paiement d\u00e9taill\u00e9s impliqu\u00e9s dans l’achat.<\/p>\n
7. Proc\u00e9der au paiement:<\/h4>\n
Les utilisateurs de l’application PWA seront redirig\u00e9s vers l’\u00e9cran de paiement apr\u00e8s avoir appuy\u00e9 sur le bouton “Proc\u00e9der au paiement”.<\/p>\n
\u00c9cran de paiement 3.8:<\/h3>\n
L’\u00e9cran de paiement de l’application OpenCart PWA pr\u00e9sente tous les paiements par vue Web disponibles sur le magasin. Les acheteurs en ligne peuvent trouver des exp\u00e9riences de paiement similaires sur les sites Web et les applications.<\/p>\n
![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Payment-Screen-1.png\")
<\/a><\/p>\n\u00c9cran 3.9 Mon compte<\/h3>\n
![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/My-Account-Screen-1.png\")
<\/a><\/p>\n![\"\u00e9cran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Order-Detail-Screen.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"