{"id":701069,"date":"2020-04-18T14:48:08","date_gmt":"2020-04-18T14:48:08","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=700604\/"},"modified":"2026-08-10T12:04:51","modified_gmt":"2026-08-10T12:04:51","slug":"prestashop-pwa-mobile-app-user-manual","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/","title":{"rendered":"Application Web progressive PrestaShop (PWA) &#8211; Manuel de l&#8217;utilisateur"},"content":{"rendered":"<p><html lang=\"fr\"><head><meta charset=\"utf-8\"><\/head><body><\/p>\n<h2>1.0 Pr\u00e9sentation<\/h2>\n<p>La croissance rapide de l&#8217;industrie du mCommerce a conduit \u00e0 l&#8217;urgence de disposer d&#8217;une application mobile de commerce \u00e9lectronique. Mais la cr\u00e9ation d&#8217;applications mobiles implique beaucoup de codage et d&#8217;autres aspects techniques. Pourquoi ne pas transformer votre site Web en ligne en une application Web? Offrir une application PrestaShop PWA optimis\u00e9e am\u00e9liorerait l&#8217;exp\u00e9rience d&#8217;achat mobile pour les utilisateurs. Ce module d&#8217;application PrestaShop PWA est con\u00e7u et construit pour transformer votre boutique en une application Web qui peut \u00eatre g\u00e9r\u00e9e \u00e0 partir d&#8217;un panneau backend convivial. Ces applications proposent diverses fonctionnalit\u00e9s \u00e9tendues que les applications natives telles que le mode hors ligne et l&#8217;ind\u00e9pendance de la plate-forme, ce qui en fait une solution d&#8217;achat sans tracas et transparente pour les utilisateurs.<\/p>\n<h3>1.1 Voir l&#8217;application de d\u00e9monstration:<\/h3>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-808552 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\" alt=\"\u00e9cran d'accueil\" width=\"1000\" height=\"539\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png 1000w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen-300x162.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen-768x414.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p>Avant d&#8217;acheter l&#8217;extension, affichez le fonctionnement de l&#8217;application de d\u00e9monstration en ouvrant l&#8217;URL de l&#8217;application de d\u00e9monstration PrestaShop PWA sur votre navigateur.<\/p>\n<p><strong>URL du magasin de d\u00e9monstration:<\/strong> <a href=\"https:\/\/psm.knowband.com\/pwa\/admin1\" target=\"_blank\">https:\/\/psm.knowband.com\/pwa\/admin1<\/a><br \/>\n<strong>URL de l&#8217;application PWA:<\/strong> ,war<a href=\"https:\/\/psm.knowband.com\/pwa\/pwa-app\/\" target=\"_blank\">https:\/\/psm.knowband.com\/pwa\/pwa-app\/<\/a><\/p>\n<h3>1.2 Principales caract\u00e9ristiques de l&#8217;application Web progressive PrestaShop (PWA):<\/h3>\n<ul>\n<li>Interface d&#8217;\u00e9cran d&#8217;accueil personnalisable (\u00e9diteur de bricolage)<\/li>\n<li>Notifications push illimit\u00e9es (notifications manuelles et automatis\u00e9es)<\/li>\n<li>Prise en charge du chat Zopim et WhatsApp<\/li>\n<li>Prise en charge de tous les modes de paiement et d&#8217;exp\u00e9dition<\/li>\n<li>Synchronisation en temps r\u00e9el<\/li>\n<li>Mise \u00e0 jour automatique de l&#8217;inventaire<\/li>\n<li>Application l\u00e9g\u00e8re avec chargement plus rapide<\/li>\n<li>Prise en charge multilingue et RTL<\/li>\n<li>Options de connexion aux e-mails et aux r\u00e9seaux sociaux (Google et Facebook)<\/li>\n<li>Interface intuitive avec navigation en couches<\/li>\n<li>Aucune d\u00e9pendance sur Google Play ou Apple App Store<\/li>\n<li>Solution compl\u00e8te en marque blanche<\/li>\n<li>Accessibilit\u00e9 en mode hors ligne<\/li>\n<li>Paiement d&#8217;une page simplifi\u00e9<\/li>\n<li>Contr\u00f4le des pages CMS (pages d&#8217;informations)<\/li>\n<li>Pr\u00e9senter les produits connexes<\/li>\n<li>Afficher les avis des utilisateurs<\/li>\n<li>Fonctionnalit\u00e9 de liste de souhaits int\u00e9gr\u00e9e<\/li>\n<li>Assistance pour les coupons \/ bons<\/li>\n<li>Prise en charge de plusieurs devises<\/li>\n<\/ul>\n<h3>[IMP] Remarques pour iOS&nbsp;:<\/h3>\n<p>&#8211;&gt; Les appareils iOS n&#8217;offrent aucune invite &#8220;Ajouter \u00e0 l&#8217;\u00e9cran d&#8217;accueil&#8221; int\u00e9gr\u00e9e, les utilisateurs doivent donc ajouter manuellement l&#8217;application mobile PWA \u00e0 l&#8217;\u00e9cran d&#8217;accueil de l&#8217;iPhone ou de l&#8217;iPad. &#8211;&gt; iOS ne prend pas en charge les notifications push Web, par cons\u00e9quent, les notifications push ne peuvent \u00eatre envoy\u00e9es qu&#8217;\u00e0 l&#8217;appareil Android \u00e0 partir du panneau d&#8217;administration de PrestaShop PWA Mobile App Builder.<\/p>\n<h2>[NOUVELLE MISE \u00c0 JOUR] PrestaShop PWA prend en charge les scripts de langage RTL<\/h2>\n<p>Le cr\u00e9ateur d&#8217;applications mobiles PrestaShop PWA prend d\u00e9sormais en charge toutes les langues du monde, y compris celles RTL (de droite \u00e0 gauche) telles que l&#8217;arabe, l&#8217;h\u00e9breu, le persan, etc. L&#8217;administrateur du magasin peut apporter toutes les langues de son magasin sur l&#8217;application Web progressive et peut m\u00eame ajouter toutes les langues RTL. selon l&#8217;exigence. D&#8217;autre part, les acheteurs mobiles ne rencontreront aucun probl\u00e8me pour acc\u00e9der \u00e0 l&#8217;application mobile PrestaShop PWA dans leur langue pr\u00e9f\u00e9r\u00e9e.<\/p>\n<h2>Compatible avec le march\u00e9 multifournisseur PrestaShop<\/h2>\n<p>La <a href=\"https:\/\/www.knowband.com\/fr\/prestashop-marketplace\" target=\"_blank\">March\u00e9 multifournisseur PrestaShop<\/a> Le module est enti\u00e8rement compatible avec l&#8217;application mobile PrestaShop PWA. L&#8217;application Web progressive affiche la section des vendeurs avec tous les vendeurs de la place de march\u00e9 sur la m\u00eame application. Les d\u00e9tails du vendeur restent synchronis\u00e9s en temps r\u00e9el avec le Web de la place de march\u00e9 et seront mis \u00e0 jour automatiquement sur l&#8217;application PrestaShop PWA.<\/p>\n<p><strong>Remarque:<\/strong> L&#8217;application mobile PWA multifournisseur pour PrestaShop est uniquement centr\u00e9e sur le client. Cela signifie qu&#8217;il n&#8217;y aura pas de tableau de bord ou de gestion du vendeur \u00e0 partir de l&#8217;application. L&#8217;administrateur du magasin peut g\u00e9rer les vendeurs \u00e0 partir du module PrestaShop Marketplace et le m\u00eame sera mis \u00e0 jour instantan\u00e9ment sur l&#8217;application.<\/p>\n<h2>\u00c9crans du panneau d&#8217;administration 2.0<\/h2>\n<p>L&#8217;application mobile PrestaShop PWA peut \u00eatre enti\u00e8rement configur\u00e9e \u00e0 l&#8217;aide de ces onglets et param\u00e8tres d&#8217;administration pratiques. Tout ce que vous avez \u00e0 faire est de faire les clics et les boutons n\u00e9cessaires pour effectuer les modifications dans Progressive Web App. Discutons chacun d&#8217;eux en d\u00e9tail:<\/p>\n<h3>Param\u00e8tres g\u00e9n\u00e9raux 2.1<\/h3>\n<p>Comme leur nom l&#8217;indique, ces param\u00e8tres de configuration g\u00e9n\u00e9raux sont destin\u00e9s \u00e0 toutes sortes de modifications r\u00e9guli\u00e8res dans les applications Web progressives (PWA). Les options sous cet onglet permettent \u00e0 l&#8217;application de fonctionner sur les appareils des acheteurs en ligne.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700605 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1.png\" alt=\"param\u00e8tres g\u00e9n\u00e9raux-1\" width=\"892\" height=\"598\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1.png 892w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1-300x201.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1-768x515.png 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/p>\n<p><strong>a) Activer le plugin:<\/strong>Activez le module PrestaShop PWA pour que l&#8217;application fonctionne sur les appareils mobiles.<br \/>\n<strong>b) Redirection sur la page du panier lors de l&#8217;ajout au panier:  <\/strong>Cette fonctionnalit\u00e9 permet \u00e0 l&#8217;administrateur de contr\u00f4ler la redirection du bouton \u00abAjouter au panier\u00bb. Les utilisateurs peuvent \u00eatre redirig\u00e9s vers le panier ou conserv\u00e9s sur l&#8217;\u00e9cran du produit en appuyant sur &#8220;Ajouter au panier&#8221;.<br \/>\n<strong>c) Description abr\u00e9g\u00e9e de l&#8217;affichage:<\/strong>\ufffdActiver l&#8217;affichage d&#8217;une courte description du produit sur l&#8217;\u00e9cran du produit de Progressive Web App (PWA).<br \/>\n<strong>d) Activer le logo:<\/strong> Ajoutez le logo de votre boutique sur l&#8217;en-t\u00eate de Progressive Web App (PWA) et pr\u00e9sentez votre marque aux utilisateurs.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700606\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2.png\" alt=\"param\u00e8tres g\u00e9n\u00e9raux-2\" width=\"874\" height=\"674\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2.png 874w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2-300x231.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2-768x592.png 768w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><\/a><\/p>\n<p><strong>e) Couleur d&#8217;arri\u00e8re-plan de l&#8217;\u00e9cran de d\u00e9marrage:<\/strong> Choisissez la bonne option de couleur pour l&#8217;arri\u00e8re-plan de l&#8217;\u00e9cran de d\u00e9marrage de l&#8217;application Web progressive (PWA).<br \/>\n<strong>f) Nom de l&#8217;application PWA:<\/strong> Choisissez le nom de votre application PWA selon votre choix.<br \/>\n<strong>g) S\u00e9lectionnez Disposition:<\/strong>Choisissez la mise en page d&#8217;accueil souhait\u00e9e pour votre application PrestaShop. Vous pouvez cr\u00e9er plusieurs mises en page d&#8217;\u00e9cran d&#8217;accueil dans le backend selon divers festivals et th\u00e8mes et les utiliser selon les exigences de votre magasin.<br \/>\n<strong>h) M\u00e9thodes d&#8217;exp\u00e9dition d\u00e9sactiv\u00e9es:<\/strong>D\u00e9sactiver les m\u00e9thodes d&#8217;exp\u00e9dition de travailler dans Progressive Web App (PWA) selon ce que vous ne vous sentez pas bien. Sur le site Web, ils fonctionneront g\u00e9n\u00e9ralement bien.<br \/>\n<strong>i) Pages CMS activ\u00e9es:<\/strong>Choisissez les pages CMS souhait\u00e9es \u00e0 afficher sur l&#8217;application PrestaShop PWA.<br \/>\n<strong>j) Activer le rapport du journal des demandes:<\/strong>Activez l&#8217;option pour partager le fichier journal sur les applications Web progressives afin d&#8217;obtenir des d\u00e9tails sur tout type de comportement anormal de l&#8217;application.<br \/>\n<strong>k) Activez le codage URL des liens d&#8217;image:<\/strong>\ufffdActivez cette fonctionnalit\u00e9 pour prendre en charge les caract\u00e8res non ASCII sur l&#8217;application Web progressive (PWA).<\/p>\n<h3>Param\u00e8tres de notifications push 2.2<\/h3>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-808554 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2.jpg\" alt=\"param\u00e8tres de notifications push\" width=\"1000\" height=\"539\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2.jpg 1000w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2-300x162.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2-768x414.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p>Les notifications push sont un outil pratique pour commercialiser et promouvoir les produits, les offres et les offres de vente de votre magasin. Les param\u00e8tres sous cet onglet permettent aux utilisateurs de configurer et d&#8217;envoyer des notifications push illimit\u00e9es sur l&#8217;application PrestaShop PWA.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700625 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1.png\" alt=\"notifications-push-1\" width=\"892\" height=\"396\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1.png 892w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1-300x133.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1-768x341.png 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/p>\n<p>Les diff\u00e9rents d\u00e9tails sous ces param\u00e8tres seront obtenus lorsque vous d\u00e9finissez le compte Firebase. Voici le processus \u00e9tape par \u00e9tape pour le faire:<\/p>\n<h4>2.21 Comment configurer un compte Firebase?<\/h4>\n<p><strong>\u00c9tape 1 :<\/strong> Connectez-vous \u00e0 Google Firebase<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700627\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.png\" alt=\"projet firebase\" width=\"630\" height=\"286\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.png 630w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1-300x136.png 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><br \/>\n<strong>\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<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700628 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.png\" alt=\"cr\u00e9er-projet\" width=\"630\" height=\"446\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.png 630w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2-300x212.png 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><br \/>\nLa cr\u00e9ation du projet prendra quelques secondes. Une fois le projet pr\u00eat, cliquez sur Continuer.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700647 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.png\" alt=\"continuer-projet\" width=\"630\" height=\"373\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.png 630w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3-300x178.png 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><br \/>\n<strong>\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<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700648\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.png\" alt=\"param\u00e8tres du projet\" width=\"630\" height=\"329\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.png 630w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4-300x157.png 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><br \/>\n<strong>\u00c9tape 4 :<\/strong> Acc\u00e9dez aux options d&#8217;authentification:<br \/>\n<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700667 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.png\" alt=\"authentification-options\" width=\"643\" height=\"376\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.png 643w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5-300x175.png 300w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 5 : <\/strong>Rechercher des 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<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700673 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png\" alt=\"cl\u00e9 de base de feu\" width=\"1024\" height=\"376\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-300x110.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-768x282.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><strong><br \/>\n\u00c9tape 6 :<\/strong> Ajoutez votre application Web \u00e0 Firebase<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700669 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.png\" alt=\"application Web vers Firebase\" width=\"983\" height=\"275\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.png 983w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-300x84.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-768x215.png 768w\" sizes=\"auto, (max-width: 983px) 100vw, 983px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700670 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-1.png\" alt=\"application Web vers Firebase\" width=\"633\" height=\"453\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-1.png 633w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-1-300x215.png 300w\" sizes=\"auto, (max-width: 633px) 100vw, 633px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 7 :<\/strong> Obtenez d&#8217;autres d\u00e9tails li\u00e9s \u00e0 Firebase et collez-les dans le panneau d&#8217;administration du module PWA.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700671 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.png\" alt=\"d\u00e9tails de la base de feu\" width=\"932\" height=\"569\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.png 932w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8-300x183.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8-768x469.png 768w\" sizes=\"auto, (max-width: 932px) 100vw, 932px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 8 :<\/strong> Obtenez la cl\u00e9 du serveur Firebase \u00e0 partir de l&#8217;onglet de messagerie cloud dans les param\u00e8tres:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700673\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png\" alt=\"cl\u00e9 de base de feu\" width=\"1024\" height=\"376\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-300x110.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-768x282.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 9 :<\/strong> Ajoutez votre domaine dans authentification &gt;&gt; connexion.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700672\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.png\" alt=\"cl\u00e9 de serveur firebase\" width=\"1024\" height=\"530\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-300x155.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-768x398.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700668 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.png\" alt=\"cl\u00e9s Firebase\" width=\"976\" height=\"322\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.png 976w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-300x99.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-768x253.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/a><\/p>\n<h4>A) Notification push de commande r\u00e9ussie:<\/h4>\n<p>Activer \/ d\u00e9sactiver la notification push automatis\u00e9e envoy\u00e9e aux utilisateurs de l&#8217;application pour une cr\u00e9ation de commande r\u00e9ussie \u00e0 partir de l&#8217;application PrestaShop PWA.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700692 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2.png\" alt=\"notifications push\" width=\"872\" height=\"264\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2.png 872w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2-300x91.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2-768x233.png 768w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/a><\/p>\n<h4>B) Notification push de mise \u00e0 jour de l&#8217;\u00e9tat de la commande:<\/h4>\n<p>Activer \/ D\u00e9sactiver la notification push automatique envoy\u00e9e aux utilisateurs de l&#8217;application pour toute mise \u00e0 jour concernant l&#8217;\u00e9tat de livraison de leur commande pr\u00e9c\u00e9dente. Les utilisateurs peuvent voir ce statut sous l&#8217;onglet &#8220;D\u00e9tails de la commande&#8221; de l&#8217;application PWA<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700693 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3.png\" alt=\"notifications push\" width=\"866\" height=\"305\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3.png 866w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3-300x106.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3-768x270.png 768w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><\/a><\/p>\n<h4>C) Notification push de panier abandonn\u00e9:<\/h4>\n<p>Activer \/ d\u00e9sactiver la notification push automatis\u00e9e envoy\u00e9e aux utilisateurs qui ont abandonn\u00e9 le panier sans achat r\u00e9ussi. Cette notification push sera envoy\u00e9e aux utilisateurs automatiquement apr\u00e8s l&#8217;intervalle de temps entr\u00e9.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700694 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4.png\" alt=\"notifications push\" width=\"854\" height=\"282\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4.png 854w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4-300x99.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4-768x254.png 768w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/a><\/p>\n<h2>2.2 Historique des notifications push<\/h2>\n<p>Ici, l&#8217;administrateur du magasin peut afficher l&#8217;historique complet des notifications push envoy\u00e9es \u00e0 Progressive Web App (PWA). Parall\u00e8lement \u00e0 cela, l&#8217;administrateur du magasin peut m\u00eame personnaliser la notification manuelle et l&#8217;envoyer aux utilisateurs de Progressive Web App.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700695 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1.png\" alt=\"historique des notifications push\" width=\"904\" height=\"397\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1.png 904w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1-300x132.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1-768x337.png 768w\" sizes=\"auto, (max-width: 904px) 100vw, 904px\" \/><\/a><\/p>\n<h3>A) Envoyer une notification:<\/h3>\n<p>Quoi de mieux pour concevoir et envoyer des notifications push selon les besoins&nbsp;? Cette option permet aux propri\u00e9taires de boutiques de configurer et d&#8217;envoyer manuellement une notification personnalis\u00e9e aux utilisateurs de l&#8217;application PrestaShop PWA.<\/p>\n<h2><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700696 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2.jpg\" alt=\"historique des notifications push\" width=\"929\" height=\"752\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2.jpg 929w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2-300x243.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2-768x622.jpg 768w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><\/a><br \/>\nMise en page de la page d&#8217;accueil 2.3<\/h2>\n<p>Le module PrestaShop PWA permet \u00e0 l&#8217;administrateur du magasin de contourner les restrictions li\u00e9es \u00e0 l&#8217;interface utilisateur fixe de l&#8217;\u00e9cran d&#8217;accueil et de concevoir celle qui convient \u00e0 ses besoins professionnels. Cet onglet permet \u00e0 l&#8217;administrateur du magasin de cr\u00e9er et d&#8217;enregistrer plusieurs mises en page et de les utiliser selon les occasions et les festivals en cours.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700697 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout.jpg\" alt=\"mise en page d'accueil\" width=\"941\" height=\"185\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout.jpg 941w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout-300x59.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout-768x151.jpg 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/a><br \/>\nAfin de configurer les mises en page de page d&#8217;accueil de l&#8217;application PWA, les \u00e9l\u00e9ments suivants sont disponibles dans le back-end:<\/p>\n<h3>A) Top Cat\u00e9gories:<\/h3>\n<p>Les principales cat\u00e9gories sont affich\u00e9es sous la forme de petits carr\u00e9s sur l&#8217;\u00e9cran d&#8217;accueil de Progressive Web App (PWA). Leurs images et leurs liens de redirection peuvent \u00eatre configur\u00e9s \u00e0 partir d&#8217;ici. Ces cat\u00e9gories peuvent \u00eatre utilis\u00e9es pour mettre en \u00e9vidence les meilleures marques sur l&#8217;\u00e9cran d&#8217;accueil de l&#8217;application. Le module PrestaShop PWA permet un maximum de 8 cat\u00e9gories dont 4 minimum sont obligatoires.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Top-Categories.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700698 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Top-Categories.jpg\" alt=\"top-cat\u00e9gories\" width=\"735\" height=\"469\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Top-Categories.jpg 735w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Top-Categories-300x191.jpg 300w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><\/a><\/p>\n<h3>B) Banni\u00e8re carr\u00e9e:<\/h3>\n<p>La liste des banni\u00e8res carr\u00e9es sur l&#8217;\u00e9cran d&#8217;accueil de l&#8217;application Web progressive (PWA) propose un bloc de banni\u00e8re de forme carr\u00e9e dans lequel l&#8217;administrateur du magasin peut utiliser l&#8217;image souhait\u00e9e. Le lien de redirection correspondant peut \u00eatre utilis\u00e9 pour ces banni\u00e8res.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Banner.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700700 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Banner.jpg\" alt=\"banni\u00e8re carr\u00e9e\" width=\"734\" height=\"528\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Banner.jpg 734w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Banner-300x216.jpg 300w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/a><br \/>\nC) Banni\u00e8re coulissante horizontale:<\/h3>\n<p>Voici le bloc de banni\u00e8re en forme de rectangle disponible en glissement horizontal sur l&#8217;\u00e9cran d&#8217;accueil de l&#8217;application PrestaShop PWA. Pour cela \u00e9galement, le lien image et redirection est enti\u00e8rement configurable.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Banners-1.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700719 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Banners-1.jpg\" alt=\"banni\u00e8res coulissantes\" width=\"721\" height=\"480\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Banners-1.jpg 721w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Banners-1-300x200.jpg 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/a><\/p>\n<h3>D) Grille Banni\u00e8res:<\/h3>\n<p>Ce sont des banni\u00e8res de forme carr\u00e9e r\u00e9pertori\u00e9es sur l&#8217;\u00e9cran d&#8217;accueil de Progressive Web App (PWA) sous la forme d&#8217;une vue en grille. L&#8217;administrateur du magasin peut ajouter autant de banni\u00e8res que n\u00e9cessaire et d\u00e9finir leur lien de redirection.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Banners.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700720 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Banners.jpg\" alt=\"banni\u00e8res en grille\" width=\"725\" height=\"478\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Banners.jpg 725w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Banners-300x198.jpg 300w\" sizes=\"auto, (max-width: 725px) 100vw, 725px\" \/><\/a><br \/>\nE) Banni\u00e8re du compte \u00e0 rebours:<\/h3>\n<p>Le module PrestaShop PWA permet \u00e0 l&#8217;administrateur du magasin de configurer et d&#8217;ajouter une banni\u00e8re bas\u00e9e sur une minuterie sur l&#8217;\u00e9cran d&#8217;accueil de l&#8217;application Web. L&#8217;administrateur du magasin peut ajouter une image de banni\u00e8re et un \u00e9cran d&#8217;atterrissage avec une minuterie jusqu&#8217;\u00e0 ce que la banni\u00e8re soit affich\u00e9e sur l&#8217;\u00e9cran d&#8217;accueil de l&#8217;application Web progressive. Une fois la minuterie termin\u00e9e, la banni\u00e8re sera supprim\u00e9e automatiquement.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Countdown-Timer-Banner.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700721 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Countdown-Timer-Banner.jpg\" alt=\"compte \u00e0 rebours-banni\u00e8re\" width=\"726\" height=\"593\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Countdown-Timer-Banner.jpg 726w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Countdown-Timer-Banner-300x245.jpg 300w\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" \/><\/a><br \/>\nF) Produits carr\u00e9s:<\/h3>\n<p>\u00c0 partir des banni\u00e8res, les applications mobiles PrestaShop PWA permettent de pr\u00e9senter les produits dans une liste de blocs carr\u00e9s. L&#8217;administrateur peut choisir les produits pour cet \u00e9l\u00e9ment.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Products.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700722 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Products.jpg\" alt=\"produits carr\u00e9s\" width=\"728\" height=\"406\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Products.jpg 728w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Products-300x167.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/a><br \/>\nG) Produits coulissants horizontaux:<\/h3>\n<p>Vous pouvez ajouter les produits sous forme de glissement horizontal. Les produits choisis peuvent \u00eatre du choix de l&#8217;administrateur du magasin, tels que les nouveaut\u00e9s, les meilleures ventes, les produits personnalis\u00e9s, etc.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Products.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700723 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Products.jpg\" alt=\"produits coulissants\" width=\"722\" height=\"405\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Products.jpg 722w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Products-300x168.jpg 300w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><\/a><br \/>\nH) Produits de grille:<\/h3>\n<p>Les produits peuvent \u00e9galement \u00eatre ajout\u00e9s sur l&#8217;\u00e9cran d&#8217;accueil sous la forme de listes de blocs d&#8217;affichage en grille. L&#8217;administrateur du magasin peut choisir les produits souhait\u00e9s et la quantit\u00e9 \u00e0 afficher sur l&#8217;\u00e9cran d&#8217;accueil de l&#8217;application PrestaShop PWA.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Products.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700724 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Products.jpg\" alt=\"produits en grille\" width=\"721\" height=\"411\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Products.jpg 721w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Products-300x171.jpg 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/a><br \/>\nI) Produits r\u00e9cemment consult\u00e9s:<\/h3>\n<p>Le module PrestaShop Mobile PWA permet au propri\u00e9taire du magasin d&#8217;ajouter un \u00e9l\u00e9ment d&#8217;onglet r\u00e9cent sur l&#8217;\u00e9cran d&#8217;accueil de l&#8217;application Web. Il affichera tous les produits consult\u00e9s r\u00e9cemment par les utilisateurs.<\/p>\n<p><strong>Remarque:<\/strong> L&#8217;administrateur du magasin peut ajouter jusqu&#8217;\u00e0 20 \u00e9l\u00e9ments lors de la conception de la mise en page dans le panneau principal.<\/p>\n<h2>2.4 Comment obtenir les d\u00e9tails de l&#8217;application Facebook?<\/h2>\n<p>L&#8217;application Facebook peut \u00eatre cr\u00e9\u00e9e en suivant les \u00e9tapes ci-dessous: &#8211;<\/p>\n<p><strong>\u00c9tape 1 :<\/strong>Aller \u00e0 l&#8217;URL donn\u00e9e: https:\/\/developers.facebook.com\/apps\/<\/p>\n<p><strong>\u00c9tape 2 :<\/strong>Cliquez sur le bouton &#8220;Ajouter une nouvelle application&#8221;.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700795 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.jpg\" alt=\"add-new-app\" width=\"1080\" height=\"113\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.jpg 1080w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1-300x31.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1-768x80.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1-1024x107.jpg 1024w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 3 et 4:<\/strong>Entrez le nom de votre application et votre adresse e-mail, puis cliquez sur le bouton &#8220;Cr\u00e9er un identifiant d&#8217;application&#8221;.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700794 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.jpg\" alt=\"create-app-id\" width=\"860\" height=\"398\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.jpg 860w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2-300x139.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2-768x355.jpg 768w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 5 et 6:<\/strong>Apr\u00e8s avoir cliqu\u00e9 sur Cr\u00e9er un identifiant d&#8217;application, vous devrez effectuer un contr\u00f4le de s\u00e9curit\u00e9 comme indiqu\u00e9:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700787 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.jpg\" alt=\"create-app-id\" width=\"851\" height=\"388\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.jpg 851w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3-300x137.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3-768x350.jpg 768w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 7 :<\/strong>Cliquez sur l&#8217;onglet &#8220;Param\u00e8tres&#8221;.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700775 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.jpg\" alt=\"param\u00e8tre fb-app\" width=\"1266\" height=\"570\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.jpg 1266w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4-300x135.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4-768x346.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4-1024x461.jpg 1024w\" sizes=\"auto, (max-width: 1266px) 100vw, 1266px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 8-13:<\/strong>Deux options seront disponibles dans le menu d\u00e9roulant, Basique et Avanc\u00e9, cliquez sur &#8220;Basique&#8221;. Ensuite, entrez votre \u00abDomaine d&#8217;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&#8217;application: yourdomain.com est correct yourdomain.com\/store is incorrect www.domain.com is incorrect<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700774 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.jpg\" alt=\"id-app-fb\" width=\"1083\" height=\"611\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.jpg 1083w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5-300x169.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5-768x433.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5-1024x578.jpg 1024w\" sizes=\"auto, (max-width: 1083px) 100vw, 1083px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 14 :<\/strong>Maintenant, cliquez sur &#8220;+ Ajouter une plate-forme&#8221;.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700773 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6.jpg\" alt=\"ajouter-plate-forme\" width=\"1083\" height=\"611\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6.jpg 1083w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6-300x169.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6-768x433.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6-1024x578.jpg 1024w\" sizes=\"auto, (max-width: 1083px) 100vw, 1083px\" \/><\/a><strong><br \/>\n\u00c9tape 15:  <\/strong>Et s\u00e9lectionnez Site Web comme plate-forme.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700772 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.jpg\" alt=\"plate-forme de choix\" width=\"781\" height=\"491\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.jpg 781w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-300x189.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-768x483.jpg 768w\" sizes=\"auto, (max-width: 781px) 100vw, 781px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 16 :<\/strong>Maintenant, entrez l&#8217;URL de votre site.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700771 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.jpg\" alt=\"entrer-url-site-web\" width=\"883\" height=\"220\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.jpg 883w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8-300x75.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8-768x191.jpg 768w\" sizes=\"auto, (max-width: 883px) 100vw, 883px\" \/><\/a><br \/>\n<strong>\u00c9tape 17 et 18:<\/strong>Cliquez sur &#8220;Produits +&#8221; et s\u00e9lectionnez Connexion Facebook.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700770 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.jpg\" alt=\"Identifiant Facebook\" width=\"1203\" height=\"635\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.jpg 1203w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-300x158.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-768x405.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-1024x541.jpg 1024w\" sizes=\"auto, (max-width: 1203px) 100vw, 1203px\" \/><\/a><br \/>\n<strong>\u00c9tape 19 :<\/strong>S\u00e9lectionnez Web comme plate-forme pour l&#8217;application.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700769 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.jpg\" alt=\"plate-forme de choix\" width=\"1223\" height=\"473\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.jpg 1223w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-300x116.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-768x297.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-1024x396.jpg 1024w\" sizes=\"auto, (max-width: 1223px) 100vw, 1223px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 20 :<\/strong>&#8220; Maintenant, cliquez sur Enregistrer.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700768 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.jpg\" alt=\"facebook-app-id\" width=\"1196\" height=\"527\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.jpg 1196w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-300x132.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-768x338.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-1024x451.jpg 1024w\" sizes=\"auto, (max-width: 1196px) 100vw, 1196px\" \/><\/a><br \/>\n<strong>\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<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700767 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12.jpg\" alt=\"URL de redirection\" width=\"1193\" height=\"553\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12.jpg 1193w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12-300x139.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12-768x356.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12-1024x475.jpg 1024w\" sizes=\"auto, (max-width: 1193px) 100vw, 1193px\" \/><\/a><\/p>\n<p><strong>\u00c9tape 23 et 24:<\/strong>Cliquez sur &#8220;Revue de l&#8217;application&#8221;. Et marquez \u00abRendre le nom de votre application public\u00bb sur Oui.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700748 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13.jpg\" alt=\"examen de l'application\" width=\"1083\" height=\"581\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13.jpg 1083w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13-300x161.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13-768x412.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13-1024x549.jpg 1024w\" sizes=\"auto, (max-width: 1083px) 100vw, 1083px\" \/><\/a><br \/>\n<strong>Derni\u00e8re \u00e9tape:<\/strong>Copiez l&#8217;ID de l&#8217;application et le secret de l&#8217;application et collez-les dans les champs fournis dans le module.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700747 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14.jpg\" alt=\"derni\u00e8re \u00e9tape\" width=\"1197\" height=\"445\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14.jpg 1197w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14-300x112.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14-768x286.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14-1024x381.jpg 1024w\" sizes=\"auto, (max-width: 1197px) 100vw, 1197px\" \/><\/a><\/p>\n<h2>2.5 Comment obtenir les d\u00e9tails de l&#8217;application Google?<\/h2>\n<ul>\n<li>Acc\u00e9dez \u00e0 Google Developers Console (https:\/\/console.developers.google.com\/project) ou cliquez sur le lien en haut \u00e0 droite de l&#8217;onglet correspondant dans la page de configuration du module.<\/li>\n<li>Cliquez maintenant sur Cr\u00e9er un projet \u00e0 gauche de la page.<\/li>\n<li>Saisissez un nom pour votre projet et passez \u00e0 l&#8217;\u00e9tape suivante.<\/li>\n<li>Cliquez maintenant sur API et auth-&gt; Credentials dans le menu de gauche comme indiqu\u00e9 ci-dessous.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700746 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a.jpg\" alt=\"google-app-id\" width=\"492\" height=\"441\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a.jpg 492w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a-300x269.jpg 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/a><\/p>\n<ul>\n<li>Cliquez sur le bouton Cr\u00e9er un nouvel ID client dans le panneau de droite de l&#8217;\u00e9cran.<\/li>\n<li>Vous devrez peut-\u00eatre remplir le formulaire pour l&#8217;\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&#8217;image ci-dessus.<\/li>\n<li>Remplissez le formulaire avec les d\u00e9tails ci-dessous:<\/li>\n<\/ul>\n<p><strong>Type d&#8217;application:<\/strong> Application Web.<br \/>\n<strong>Origines JavaScript autoris\u00e9es:<\/strong> Le nom de domaine de votre boutique (https:\/\/www.yourstore.com).<br \/>\n<strong>URI de redirection autoris\u00e9e ou URI de la page de redirection de Loginizer:<\/strong><br \/>\nhttps:\/\/example.com\/pwa-app\/login<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700745 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b.jpg\" alt=\"google-app-id\" width=\"533\" height=\"557\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b.jpg 533w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b-287x300.jpg 287w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><\/a><\/p>\n<ul>\n<li>Maintenant, cliquez sur le bouton Cr\u00e9er un ID client pour obtenir votre ID client et votre cl\u00e9 secr\u00e8te client.<\/li>\n<li>Vous pouvez d\u00e9sormais utiliser le secret client et l&#8217;ID client pour permettre \u00e0 vos clients de se connecter \u00e0 votre boutique \u00e0 l&#8217;aide de leur compte Google.<\/li>\n<\/ul>\n<h2>3.0 \u00c9crans de l&#8217;application PWA frontale:<\/h2>\n<h3>\u00c9cran d&#8217;accueil 3.1<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809069 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-screen.png\" alt=\"\u00e9cran d'accueil\" width=\"263\" height=\"523\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-screen.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-screen-151x300.png 151w\" sizes=\"auto, (max-width: 263px) 100vw, 263px\" \/><\/a><\/h3>\n<p><strong>1. Disposition dynamique:<\/strong><\/p>\n<p>En utilisant divers \u00e9l\u00e9ments de conception, l&#8217;administrateur du magasin peut cr\u00e9er une mise en page dynamique selon les besoins.<\/p>\n<p><strong>2. Logo du magasin:<\/strong><\/p>\n<p>Ajoutez le logo du magasin sur l&#8217;en-t\u00eate de la Progressive Web App (PWA).<\/p>\n<p><strong>3. Panier:<\/strong><\/p>\n<p>L&#8217;ic\u00f4ne du panier dans le coin sup\u00e9rieur droit de l&#8217;\u00e9cran d&#8217;accueil permet aux utilisateurs d&#8217;activer l&#8217;\u00e9cran du panier.<\/p>\n<p><strong>4. Menu de navigation:<\/strong><br \/>\nParcourez les cat\u00e9gories dans les applications avec le menu de navigation de gauche sur l&#8217;\u00e9cran d&#8217;accueil.<\/p>\n<h3>Menu 3.2 Accordion (barre de navigation)<\/h3>\n<p>L&#8217;application Web progressive propose une cat\u00e9gorisation appropri\u00e9e des produits disponibles sur le site Web. Les acheteurs mobiles peuvent facilement parcourir les produits de plusieurs cat\u00e9gories. Toutes les pages CMS sont \u00e9galement disponibles dans le menu Accord\u00e9on. Il propose les options suivantes:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Accordion-Menu-Navigation-Bar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809070 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Accordion-Menu-Navigation-Bar.png\" alt=\"barre-de-navigation-menu-accord\u00e9on\" width=\"246\" height=\"488\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Accordion-Menu-Navigation-Bar.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Accordion-Menu-Navigation-Bar-151x300.png 151w\" sizes=\"auto, (max-width: 246px) 100vw, 246px\" \/><\/a><\/p>\n<p><strong>1. Mon compte:<\/strong><br \/>\nL&#8217;option Mon compte contient toutes les informations personnelles, d&#8217;exp\u00e9dition et de commande de l&#8217;utilisateur. Les acheteurs d&#8217;applications PWA peuvent voir toutes les donn\u00e9es stock\u00e9es qui leur sont associ\u00e9es et peuvent \u00e9galement les mettre \u00e0 jour.<\/p>\n<p><strong>2. Les cat\u00e9gories<\/strong><br \/>\nLes cat\u00e9gories affich\u00e9es dans le menu de navigation de gauche de l&#8217;application Web progressive (PWA) sont les m\u00eames que celles de votre site Web.<\/p>\n<p><strong>3. Pages CMS:<\/strong><br \/>\nDiverses pages CMS telles que \u00c0 propos de nous, Contactez-nous, Termes et conditions, etc. Accessible \u00e0 partir d&#8217;ici.<\/p>\n<p><strong>4. Langue (s)<\/strong><br \/>\nL&#8217;option de langue permet aux utilisateurs de l&#8217;application PWA de visualiser l&#8217;application Web dans la langue de leur choix. Toutes les langues disponibles sont affich\u00e9es sous cette option uniquement.<\/p>\n<p><strong>5. Monnaie (s)<\/strong><br \/>\nToutes les devises disponibles sur votre site Web sont affich\u00e9es ici sur l&#8217;application PrestaShop PWA.<\/p>\n<p><strong>6. Connexion \/ D\u00e9connexion<\/strong><br \/>\nLes utilisateurs peuvent facilement se connecter \/ se d\u00e9connecter de l&#8217;application Web progressive PrestaShop via cette option.<\/p>\n<h3>\u00c9cran de cat\u00e9gorie 3.3:<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Category-Screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809071 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Category-Screen.png\" alt=\"\u00e9cran de cat\u00e9gorie\" width=\"235\" height=\"467\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Category-Screen.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Category-Screen-151x300.png 151w\" sizes=\"auto, (max-width: 235px) 100vw, 235px\" \/><\/a><\/h3>\n<p><strong>1. Vues multiples:<\/strong><br \/>\nLes cat\u00e9gories sur Progressive Web App (PWA) pour PrestaShop peuvent \u00eatre visualis\u00e9es \u00e0 la fois en mode liste et en mode grille.<\/p>\n<p><strong>2. Tri:<\/strong><br \/>\nCette option permet aux acheteurs en ligne de choisir l&#8217;ordre de tri afin d&#8217;affiner la recherche et d&#8217;obtenir facilement le produit souhait\u00e9.<\/p>\n<p><strong>3. Filtre:<\/strong><br \/>\nL&#8217;option de filtrage des produits simplifie la recherche de produits. Les utilisateurs peuvent filtrer tous les produits sous des cat\u00e9gories en utilisant divers attributs comme la taille, la couleur, le prix, etc.<\/p>\n<h3>\u00c9cran de produit 3.4:<\/h3>\n<p>L&#8217;\u00e9cran du produit de votre Progressive Web App (PWA) est simple et intrigant. Plusieurs images du m\u00eame produit sont affich\u00e9es avec le nom et le prix. La disponibilit\u00e9 du produit est \u00e9galement affich\u00e9e sous la forme &#8220;En stock&#8221; ou &#8220;En rupture de stock&#8221; en fonction de <a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Product-Screen-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809073 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Product-Screen-1.png\" alt=\"produit-\u00e9cran\" width=\"247\" height=\"491\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Product-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Product-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 247px) 100vw, 247px\" \/><\/a>statut de l&#8217;inventaire. Il contient les autres options suivantes:<\/p>\n<p><strong>1. Informations sur le produit et entretien<\/strong><br \/>\nLes informations compl\u00e8tes sur le produit disponibles dans l&#8217;inventaire seront affich\u00e9es ici.<\/p>\n<p><strong>2. br\u00e8ve description<\/strong><br \/>\nLes utilisateurs peuvent lire la br\u00e8ve description de votre produit pour se d\u00e9cider rapidement \u00e0 propos de l&#8217;achat.<\/p>\n<p><strong>3. Options du produit:<\/strong><br \/>\nToutes les options li\u00e9es au produit comme la taille, la couleur, etc. sont affich\u00e9es ici.<\/p>\n<p><strong>5. Ajouter au panier:<\/strong><br \/>\nCe bouton permet aux utilisateurs d&#8217;ajouter un produit dans le panier. Les utilisateurs peuvent en outre traiter le panier pour l&#8217;achat.<\/p>\n<p><strong>6. Partage social de produit:<\/strong><br \/>\nL&#8217;option de partage du produit permet aux utilisateurs de partager le produit sur plusieurs canaux sociaux.<\/p>\n<h3>\u00c9cran de connexion 3.5<\/h3>\n<p>La Progressive Web App (PWA)\ufffd<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Login-Screen-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809074 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Login-Screen-1.png\" alt=\"\u00e9cran de connexion\" width=\"235\" height=\"467\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Login-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Login-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 235px) 100vw, 235px\" \/><\/a>offre diverses options de connexion en un clic et rend le processus de connexion \/ d&#8217;inscription plus transparent:<\/p>\n<p><strong>1. S&#8217;identifier<\/strong><br \/>\nLes utilisateurs de l&#8217;application peuvent facilement s&#8217;authentifier et se connecter aux applications PWA en utilisant leurs identifiants de connexion par e-mail pr\u00e9c\u00e9dents.<\/p>\n<p><strong>2. S&#8217;inscrire<\/strong><br \/>\nTous les nouveaux utilisateurs de l&#8217;application peuvent s&#8217;inscrire et cr\u00e9er leur compte sur la boutique \u00e0 partir de l&#8217;application PrestaShop PWA. Le formulaire d&#8217;inscription ne demande que les d\u00e9tails n\u00e9cessaires pour cr\u00e9er un compte.<\/p>\n<p><strong>3. Se connecter avec Facebook<\/strong><br \/>\nLes utilisateurs peuvent se connecter \u00e0 l&#8217;application PWA en utilisant leurs identifiants de compte Facebook.<\/p>\n<p><strong>4. Connexion avec Google+<\/strong><br \/>\nLes utilisateurs peuvent se connecter \u00e0 l&#8217;application Web progressive (PWA) \u00e0 l&#8217;aide de leurs informations d&#8217;identification de compte Google.<\/p>\n<h3>\u00c9cran du panier d&#8217;achat 3.6:<\/h3>\n<p>L&#8217;\u00e9cran Panier de votre application Web Progressive affichera tous les produits ajout\u00e9s au panier. Les utilisateurs de l&#8217;application peuvent afficher le nom du produit, <a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Shopping-Cart-Screen-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809075 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Shopping-Cart-Screen-1.png\" alt=\"\u00e9cran shopping-cart\" width=\"261\" height=\"518\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Shopping-Cart-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Shopping-Cart-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 261px) 100vw, 261px\" \/><\/a>quantit\u00e9, prix total et frais d&#8217;exp\u00e9dition. Cet \u00e9cran propose les options suivantes:<\/p>\n<p><strong>1. Appliquer le bon<\/strong><br \/>\nCette option permet aux utilisateurs d&#8217;utiliser des coupons de site Web et de saisir des offres de r\u00e9duction.<\/p>\n<p><strong>2. Prix total du produit<\/strong><br \/>\nLes 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<p><strong>3. Mettre \u00e0 jour la quantit\u00e9 de produit<\/strong><br \/>\nLes utilisateurs de l&#8217;application PWA peuvent m\u00eame mettre \u00e0 jour la quantit\u00e9 de produit avec l&#8217;option &#8220;Mettre \u00e0 jour la quantit\u00e9&#8221;.<\/p>\n<p><strong>4. Supprimer le produit<\/strong><br \/>\nLes utilisateurs de l&#8217;application peuvent simplement supprimer le produit du panier en appuyant simplement sur l&#8217;option \u00abSupprimer\u00bb.<\/p>\n<p><strong>5. Continuer vos achats<\/strong><br \/>\nLes utilisateurs peuvent quitter le panier pour parcourir plus de produits sur votre application Web progressive.<\/p>\n<p><strong>6. Continuer \u00e0 payer<\/strong><br \/>\nLes utilisateurs de l&#8217;application PWA peuvent continuer vers les \u00e9crans de paiement et de paiement en appuyant simplement sur l&#8217;option &#8220;Continuer \u00e0 payer&#8221;.<\/p>\n<h3>\u00c9cran de paiement 3.7<\/h3>\n<p>Les applications Web progressives avec le module PrestaShop Progressive Web App (PWA) ont une interface simplifi\u00e9e <a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Checkout-Screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809076 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Checkout-Screen.png\" alt=\"\u00e9cran de paiement\" width=\"278\" height=\"551\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Checkout-Screen.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Checkout-Screen-151x300.png 151w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/a>paiement en un seul \u00e9cran avec uniquement les informations pertinentes. Les utilisateurs peuvent afficher les d\u00e9tails complets de la commande, tels que les d\u00e9tails d&#8217;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<p><strong>1. D\u00e9tails d&#8217;exp\u00e9dition et de facturation<\/strong><br \/>\nCet \u00e9cran fournit des d\u00e9tails sur les adresses de livraison et de facturation enregistr\u00e9es par l&#8217;utilisateur. L&#8217;utilisateur peut \u00e9galement modifier \/ enregistrer la nouvelle adresse de livraison si n\u00e9cessaire.<\/p>\n<p><strong>2. R\u00e9capitulatif de la commande<\/strong><br \/>\nLes utilisateurs de l&#8217;application Web progressive peuvent consulter les d\u00e9tails du produit avant d&#8217;effectuer le paiement.<\/p>\n<p><strong>3. m\u00e9thodes de livraison<\/strong><br \/>\nToutes les m\u00e9thodes d&#8217;exp\u00e9dition disponibles sont affich\u00e9es ici. Les utilisateurs peuvent choisir celui qui convient \u00e0 leurs besoins.<\/p>\n<p><strong>4. Commentaire de commande<\/strong><br \/>\nLes utilisateurs peuvent \u00e9galement ajouter tout commentaire li\u00e9 \u00e0 leur commande qui sera visible pour stocker l&#8217;administrateur sur la page Web de la commande dans le backend.<\/p>\n<p><strong>6. R\u00e9sum\u00e9 des paiements<\/strong><br \/>\nCette section affiche les d\u00e9tails de paiement d\u00e9taill\u00e9s impliqu\u00e9s avec l&#8217;achat.<\/p>\n<p><strong>7. Proc\u00e9der au paiement<\/strong><br \/>\nLes utilisateurs de l&#8217;application Web progressive (PWA) seront redirig\u00e9s vers l&#8217;\u00e9cran de paiement apr\u00e8s avoir appuy\u00e9 sur le bouton \u00ab Proc\u00e9der au paiement \u00bb.<\/p>\n<h3>\u00c9cran de paiement 3.8:<\/h3>\n<p>L&#8217;\u00e9cran de paiement de l&#8217;application PrestaShop\ufffdPWA contient tous les paiements en ligne disponibles sur la boutique. Les acheteurs en ligne peuvent trouver une exp\u00e9rience de paiement similaire sur le site Web et les applications Web progressives.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Payment-Screen-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-809078 \" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Payment-Screen-1.png\" alt=\"\u00e9cran de paiement\" width=\"272\" height=\"540\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Payment-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Payment-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/a><\/p>\n<h3>\u00c9cran 3.9 Mon compte<\/h3>\n<p>L&#8217;\u00e9cran Mon compte de l&#8217;application Web progressive PrestaShop (PWA) permet aux utilisateurs de visualiser leurs d\u00e9tails complets enregistr\u00e9s sur l&#8217;application, y compris une liste des commandes pr\u00e9c\u00e9dentes.<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/My-Account-Screen-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-809079 \" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/My-Account-Screen-1.png\" alt=\"\u00e9cran de mon compte\" width=\"275\" height=\"546\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/My-Account-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/My-Account-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><\/p>\n<h3>\u00c9cran D\u00e9tails de la commande 3.10<\/h3>\n<p>L&#8217;\u00e9cran des d\u00e9tails de la commande de l&#8217;application Web progressive PrestaShop fournit les d\u00e9tails complets de la commande sp\u00e9cifique de l&#8217;application PWA. Les utilisateurs peuvent facilement afficher l&#8217;adresse de livraison, le r\u00e9sum\u00e9 du produit, le mode d&#8217;exp\u00e9dition et de paiement, le r\u00e9sum\u00e9 du co\u00fbt total, etc. Il existe m\u00eame une option pour suivre l&#8217;\u00e9tat de la commande et sa livraison.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Order-Detail-Screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-809080 \" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Order-Detail-Screen.png\" alt=\"\u00e9cran de d\u00e9tail de la commande\" width=\"275\" height=\"546\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Order-Detail-Screen.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Order-Detail-Screen-151x300.png 151w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1.0 Pr\u00e9sentation La croissance rapide de l&#8217;industrie du mCommerce a conduit \u00e0 l&#8217;urgence de disposer d&#8217;une application mobile de commerce \u00e9lectronique. Mais la cr\u00e9ation d&#8217;applications mobiles implique beaucoup de codage et d&#8217;autres aspects techniques. Pourquoi ne pas transformer votre site Web en ligne en une application Web? Offrir une application PrestaShop PWA optimis\u00e9e am\u00e9liorerait l&#8217;exp\u00e9rience [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[164],"tags":[22823],"class_list":["post-701069","post","type-post","status-publish","format-standard","hentry","category-manuel-dutilisation-de-prestashop","tag-ecommerce-pwa"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Application Web progressive PrestaShop (PWA) - Manuel de l&#039;utilisateur - Knowband Blog | Ecommerce Modules<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Application Web progressive PrestaShop (PWA) - Manuel de l&#039;utilisateur - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"1.0 Pr\u00e9sentation La croissance rapide de l&#8217;industrie du mCommerce a conduit \u00e0 l&#8217;urgence de disposer d&#8217;une application mobile de commerce \u00e9lectronique. Mais la cr\u00e9ation d&#8217;applications mobiles implique beaucoup de codage et d&#8217;autres aspects techniques. Pourquoi ne pas transformer votre site Web en ligne en une application Web? Offrir une application PrestaShop PWA optimis\u00e9e am\u00e9liorerait l&#8217;exp\u00e9rience [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-18T14:48:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-10T12:04:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"539\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joe Parker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Parker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\"},\"headline\":\"Application Web progressive PrestaShop (PWA) &#8211; Manuel de l&#8217;utilisateur\",\"datePublished\":\"2020-04-18T14:48:08+00:00\",\"dateModified\":\"2026-08-10T12:04:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/\"},\"wordCount\":4028,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\",\"keywords\":[\"eCommerce PWA\"],\"articleSection\":[\"Manuel d'utilisation de Prestashop\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/\",\"name\":\"Application Web progressive PrestaShop (PWA) - Manuel de l'utilisateur - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\",\"datePublished\":\"2020-04-18T14:48:08+00:00\",\"dateModified\":\"2026-08-10T12:04:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/manuel-dutilisation-de-prestashop\\\/prestashop-pwa-mobile-app-user-manual\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Application Web progressive PrestaShop (PWA) &#8211; Manuel de l&#8217;utilisateur\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\",\"name\":\"Joe Parker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"caption\":\"Joe Parker\"},\"description\":\"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..\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/author\\\/joe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Application Web progressive PrestaShop (PWA) - Manuel de l'utilisateur - Knowband Blog | Ecommerce Modules","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/","og_locale":"fr_FR","og_type":"article","og_title":"Application Web progressive PrestaShop (PWA) - Manuel de l'utilisateur - Knowband Blog | Ecommerce Modules","og_description":"1.0 Pr\u00e9sentation La croissance rapide de l&#8217;industrie du mCommerce a conduit \u00e0 l&#8217;urgence de disposer d&#8217;une application mobile de commerce \u00e9lectronique. Mais la cr\u00e9ation d&#8217;applications mobiles implique beaucoup de codage et d&#8217;autres aspects techniques. Pourquoi ne pas transformer votre site Web en ligne en une application Web? Offrir une application PrestaShop PWA optimis\u00e9e am\u00e9liorerait l&#8217;exp\u00e9rience [&hellip;]","og_url":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2020-04-18T14:48:08+00:00","article_modified_time":"2026-08-10T12:04:51+00:00","og_image":[{"width":1000,"height":539,"url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","type":"image\/png"}],"author":"Joe Parker","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Joe Parker","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8"},"headline":"Application Web progressive PrestaShop (PWA) &#8211; Manuel de l&#8217;utilisateur","datePublished":"2020-04-18T14:48:08+00:00","dateModified":"2026-08-10T12:04:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/"},"wordCount":4028,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","keywords":["eCommerce PWA"],"articleSection":["Manuel d'utilisation de Prestashop"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/","url":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/","name":"Application Web progressive PrestaShop (PWA) - Manuel de l'utilisateur - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","datePublished":"2020-04-18T14:48:08+00:00","dateModified":"2026-08-10T12:04:51+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/fr\/manuel-dutilisation-de-prestashop\/prestashop-pwa-mobile-app-user-manual\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Application Web progressive PrestaShop (PWA) &#8211; Manuel de l&#8217;utilisateur"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8","name":"Joe Parker","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","caption":"Joe Parker"},"description":"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..","url":"https:\/\/www.knowband.com\/blog\/fr\/author\/joe\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/701069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/comments?post=701069"}],"version-history":[{"count":2,"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/701069\/revisions"}],"predecessor-version":[{"id":838914,"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/701069\/revisions\/838914"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/media?parent=701069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/categories?post=701069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/fr\/wp-json\/wp\/v2\/tags?post=701069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}