{"id":701108,"date":"2020-04-18T14:48:08","date_gmt":"2020-04-18T14:48:08","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=700604\/"},"modified":"2022-08-13T12:01:14","modified_gmt":"2022-03-04T17:21:04","slug":"prestashop-pwa-mobile-app-user-manual","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/","title":{"rendered":"Aplicativo Web Progressivo PrestaShop (PWA) &#8211; Manual do usu\u00e1rio"},"content":{"rendered":"<p><html lang=\"pt\"><head><meta charset=\"utf-8\"><\/head><body><\/p>\n<h2>1.0 Introdu\u00e7\u00e3o<\/h2>\n<p>O r\u00e1pido crescimento da ind\u00fastria de com\u00e9rcio m\u00f3vel levou \u00e0 urg\u00eancia de ter um aplicativo m\u00f3vel de com\u00e9rcio eletr\u00f4nico. Mas, criar aplicativos m\u00f3veis envolve muita codifica\u00e7\u00e3o e outros aspectos t\u00e9cnicos. Por que n\u00e3o transformar seu site online em um aplicativo da web? Oferecer um aplicativo PrestaShop PWA otimizado, ou seja, aprimoraria a experi\u00eancia de compra m\u00f3vel para os usu\u00e1rios. Este m\u00f3dulo PrestaShop PWA App foi projetado e constru\u00eddo para transformar sua loja em um aplicativo da web que pode ser gerenciado a partir de um painel de back-end amig\u00e1vel. Esses aplicativos v\u00eam com v\u00e1rios recursos estendidos al\u00e9m dos aplicativos nativos, como modo offline e independ\u00eancia de plataforma, o que os torna uma solu\u00e7\u00e3o de compras descomplicada e perfeita para os usu\u00e1rios.<\/p>\n<h3>1.1 Exibir aplicativo de demonstra\u00e7\u00e3o:<\/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=\"tela inicial\" 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>Antes de comprar a extens\u00e3o, visualize o funcionamento do aplicativo de demonstra\u00e7\u00e3o abrindo o URL do aplicativo de demonstra\u00e7\u00e3o PrestaShop PWA em seu navegador.<\/p>\n<p><strong>URL da loja de demonstra\u00e7\u00e3o:<\/strong> <a href=\"https:\/\/psm.knowband.com\/pwa\/admin1\" target=\"_blank\">https:\/\/psm.knowband.com\/pwa\/admin1<\/a><br \/>\n<strong>URL do aplicativo PWA:<\/strong> <a href=\"https:\/\/psm.knowband.com\/pwa\/pwa-app\/\" target=\"_blank\">https:\/\/psm.knowband.com\/pwa\/pwa-app\/<\/a><\/p>\n<h3>1.2 Principais recursos do PrestaShop Progressive Web App (PWA):<\/h3>\n<ul>\n<li>Interface de tela inicial personaliz\u00e1vel (editor DIY)<\/li>\n<li>Notifica\u00e7\u00f5es push ilimitadas (notifica\u00e7\u00f5es manuais e automatizadas)<\/li>\n<li>Suporte para chat de Zopim e WhatsApp<\/li>\n<li>Suporte a todos os m\u00e9todos de pagamento e envio<\/li>\n<li>Sincroniza\u00e7\u00e3o em tempo real<\/li>\n<li>Atualiza\u00e7\u00e3o autom\u00e1tica de estoque<\/li>\n<li>Aplicativo leve com carregamento mais r\u00e1pido<\/li>\n<li>Suporte multil\u00edngue e RTL<\/li>\n<li>Op\u00e7\u00f5es de e-mail e login social (Google e Facebook)<\/li>\n<li>Interface intuitiva com navega\u00e7\u00e3o em camadas<\/li>\n<li>Sem depend\u00eancia do Google Play ou da Apple App Store<\/li>\n<li>Solu\u00e7\u00e3o de etiqueta branca completa<\/li>\n<li>Acessibilidade no modo offline<\/li>\n<li>Check-out simplificado de uma p\u00e1gina<\/li>\n<li>Controle de p\u00e1ginas CMS (p\u00e1ginas de informa\u00e7\u00f5es)<\/li>\n<li>Mostrar produtos relacionados<\/li>\n<li>Exibir avalia\u00e7\u00f5es de usu\u00e1rios<\/li>\n<li>Funcionalidade de lista de desejos embutida<\/li>\n<li>Suporte para cupons \/ vouchers<\/li>\n<li>Suporte a multimoedas<\/li>\n<\/ul>\n<h3>[IMP] Notas para iOS:<\/h3>\n<p>&#8211;&gt; Os dispositivos iOS n\u00e3o oferecem nenhum prompt embutido &#8220;Adicionar \u00e0 tela inicial&#8221;, portanto, os usu\u00e1rios precisam adicionar manualmente o PWA Mobile App \u00e0 tela inicial do iPhone ou iPad. &#8211;&gt; iOS n\u00e3o suporta notifica\u00e7\u00f5es push da web, portanto, as notifica\u00e7\u00f5es push podem ser enviadas apenas para o dispositivo Android a partir do painel de administra\u00e7\u00e3o do PrestaShop PWA Mobile App Builder.<\/p>\n<h2>[NOVA ATUALIZA\u00c7\u00c3O] PrestaShop PWA suporta scripts de linguagem RTL<\/h2>\n<p>O PrestaShop PWA Mobile App Creator agora suporta todos os idiomas mundiais, incluindo RTL (Right To Left), como \u00e1rabe, hebraico, persa, etc. O administrador da loja pode trazer todos os idiomas de sua loja no Progressive Web App e pode at\u00e9 adicionar qualquer idioma RTL conforme a exig\u00eancia. Por outro lado, os compradores m\u00f3veis n\u00e3o enfrentar\u00e3o nenhum problema ao acessar o aplicativo m\u00f3vel PrestaShop PWA em seu idioma preferido.<\/p>\n<h2>Compat\u00edvel com PrestaShop Multi-vendor Marketplace<\/h2>\n<p>O <a href=\"https:\/\/www.knowband.com\/prestashop-marketplace\" target=\"_blank\">Mercado de v\u00e1rios fornecedores PrestaShop<\/a> m\u00f3dulo \u00e9 totalmente compat\u00edvel com PrestaShop PWA Mobile App. O Progressive Web App exibe a se\u00e7\u00e3o do vendedor com todos os vendedores do marketplace no mesmo aplicativo. Os detalhes do vendedor permanecem sincronizados em tempo real com a web do marketplace e ser\u00e3o atualizados automaticamente no aplicativo PrestaShop PWA.<\/p>\n<p><strong>Observa\u00e7\u00e3o: <\/strong> O aplicativo m\u00f3vel PWA de v\u00e1rios fornecedores para PrestaShop \u00e9 centrado apenas no cliente. Isso significa que n\u00e3o haver\u00e1 nenhum painel de controle de vendedor ou gerenciamento no final do aplicativo. O administrador da loja pode gerenciar os vendedores do m\u00f3dulo PrestaShop Marketplace e o mesmo ser\u00e1 atualizado no aplicativo instantaneamente.<\/p>\n<h2>Telas do Painel de Administra\u00e7\u00e3o do 2.0<\/h2>\n<p>O PrestaShop PWA Mobile App pode ser totalmente configurado usando essas guias e configura\u00e7\u00f5es de administrador \u00fateis. Tudo o que voc\u00ea precisa fazer \u00e9 fazer alguns cliques necess\u00e1rios e alternar bot\u00f5es para fazer as altera\u00e7\u00f5es no Progressive Web App. Vamos discutir cada um deles em detalhes:<\/p>\n<h3>Configura\u00e7\u00f5es gerais do 2.1<\/h3>\n<p>Como o nome sugere, essas configura\u00e7\u00f5es gerais s\u00e3o para todos os tipos de altera\u00e7\u00f5es regulares em Progressive Web Applications (PWA). As op\u00e7\u00f5es nesta aba fazem o aplicativo funcionar nos dispositivos do comprador online.<\/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=\"configura\u00e7\u00f5es gerais-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) Habilite o plug-in:<\/strong>  Habilite o m\u00f3dulo PrestaShop PWA para fazer o aplicativo funcionar em dispositivos m\u00f3veis.<br \/>\n<strong>b) Redirecionar na p\u00e1gina do carrinho ao adicionar ao carrinho:  <\/strong>Esta funcionalidade permite que o administrador controle o redirecionamento do bot\u00e3o &#8220;Adicionar ao carrinho&#8221;. Os usu\u00e1rios podem ser redirecionados ao carrinho de compras ou mantidos na tela do produto clicando em &#8220;Adicionar ao carrinho&#8221;.<br \/>\n<strong>c) Exibir descri\u00e7\u00e3o resumida:<\/strong>\ufffdAtive para exibir uma breve descri\u00e7\u00e3o do produto na tela do produto do Progressive Web App (PWA).<br \/>\n<strong>d) Habilitar logotipo:<\/strong> Adicione o logotipo da sua loja no cabe\u00e7alho do Progressive Web App (PWA) e mostre sua marca aos usu\u00e1rios.<\/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=\"configura\u00e7\u00f5es gerais-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) Cor de fundo da tela inicial:<\/strong> Escolha a op\u00e7\u00e3o de cor certa para o plano de fundo da tela inicial do Progressive Web App (PWA).<br \/>\n<strong>f) Nome do aplicativo PWA:<\/strong> Escolha o nome do seu aplicativo PWA de acordo com sua escolha.<br \/>\n<strong>g) Selecione Layout:<\/strong>  Escolha o layout da p\u00e1gina inicial desejado para seu aplicativo PrestaShop. Voc\u00ea pode criar v\u00e1rios layouts de tela inicial no back-end de acordo com v\u00e1rios festivais e temas e us\u00e1-los de acordo com os requisitos da sua loja.<br \/>\n<strong>h) M\u00e9todos de envio desativados:<\/strong>\ufffdDesative os m\u00e9todos de envio de trabalhar no\ufffdProgressive Web App (PWA)\ufffdo que voc\u00ea n\u00e3o achar certo. No site, eles funcionar\u00e3o normalmente bem.<br \/>\n<strong>i) P\u00e1ginas CMS ativadas:<\/strong> Escolha as p\u00e1ginas CMS desejadas a serem exibidas no aplicativo PrestaShop PWA.<br \/>\n<strong>j) Habilitar relat\u00f3rio de log de solicita\u00e7\u00e3o:<\/strong>  Habilite a op\u00e7\u00e3o de compartilhar o arquivo de log nos aplicativos da web progressivos para obter detalhes de qualquer tipo de comportamento anormal do aplicativo.<br \/>\n<strong>k) Habilitar codifica\u00e7\u00e3o de URL de links de imagem:<\/strong>\ufffdAtive esta funcionalidade para dar suporte a caracteres n\u00e3o ASCII no Progressive Web App (PWA).<\/p>\n<h3>Configura\u00e7\u00f5es de notifica\u00e7\u00f5es 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=\"push-notifications-settings\" 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>As notifica\u00e7\u00f5es push s\u00e3o uma ferramenta \u00fatil para comercializar e promover os produtos, neg\u00f3cios e ofertas de venda da sua loja. As configura\u00e7\u00f5es nesta guia permitem que os usu\u00e1rios configurem e enviem notifica\u00e7\u00f5es push ilimitadas no aplicativo 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=\"push-Notifications-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>Os v\u00e1rios detalhes nessas configura\u00e7\u00f5es ser\u00e3o obtidos quando voc\u00ea configurar a conta Firebase. Aqui est\u00e1 o processo passo a passo para fazer isso:<\/p>\n<h4>2.21 Como configurar uma conta Firebase?<\/h4>\n<p><strong>&#8211; <\/strong>  Fa\u00e7a login no 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=\"projeto 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>&#8211; <\/strong> Criar Novo Projeto Conforme voc\u00ea clica em Adicionar Projeto, a seguinte caixa de di\u00e1logo aparecer\u00e1:<\/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=\"projeto de cria\u00e7\u00e3o\" 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 \/>\nA cria\u00e7\u00e3o do projeto levar\u00e1 alguns segundos. Assim que o projeto estiver pronto, clique em continuar.<\/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=\"continuar-projeto\" 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>&#8211; <\/strong> Gerenciar as configura\u00e7\u00f5es do projeto Depois de criar o projeto, clique em Configura\u00e7\u00f5es do projeto.<\/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=\"configura\u00e7\u00f5es do projeto\" 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>&#8211; <\/strong> V\u00e1 para Op\u00e7\u00f5es de autentica\u00e7\u00e3o:<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=\"op\u00e7\u00f5es de autentica\u00e7\u00e3o\" 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>&#8211;  <\/strong>Encontre as chaves do Firebase Nas configura\u00e7\u00f5es do projeto, clique em Configura\u00e7\u00f5es de mensagens na nuvem. A partir daqui, voc\u00ea pode obter diretamente a chave do servidor.<\/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=\"chave do firebase\" 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&#8211; <\/strong> Adicione seu aplicativo da Web ao 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=\"web-app-to-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=\"web-app-to-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>&#8211; <\/strong> Obtenha outros detalhes relacionados ao firebase e cole o mesmo no painel de administra\u00e7\u00e3o do m\u00f3dulo 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=\"detalhes do firebase\" 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>&#8211; <\/strong> Obtenha a chave do servidor firebase na guia de mensagens na nuvem em Configura\u00e7\u00f5es:<\/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=\"chave do firebase\" 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>&#8211; <\/strong> Adicione o seu dom\u00ednio na autentica\u00e7\u00e3o &gt;&gt; login.<\/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=\"chave do servidor 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=\"chaves do 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) Notifica\u00e7\u00e3o por push de pedido bem-sucedida:<\/h4>\n<p>Habilite \/ desabilite a notifica\u00e7\u00e3o autom\u00e1tica por push enviada aos usu\u00e1rios do aplicativo para a cria\u00e7\u00e3o bem-sucedida do pedido do aplicativo 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=\"notifica\u00e7\u00f5es via 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) Notifica\u00e7\u00e3o por push da atualiza\u00e7\u00e3o do status do pedido:<\/h4>\n<p>Habilite \/ desabilite a notifica\u00e7\u00e3o autom\u00e1tica por push enviada aos usu\u00e1rios do aplicativo para qualquer atualiza\u00e7\u00e3o em rela\u00e7\u00e3o ao status anterior de entrega do pedido. Os usu\u00e1rios podem visualizar esse status na guia &#8220;Detalhes do pedido&#8221; do aplicativo 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=\"notifica\u00e7\u00f5es via 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) Notifica\u00e7\u00e3o de envio de carrinho abandonado:<\/h4>\n<p>Habilite \/ desabilite a notifica\u00e7\u00e3o push automatizada enviada aos usu\u00e1rios que abandonaram o carrinho sem comprar com sucesso. Esta notifica\u00e7\u00e3o push ser\u00e1 enviada aos usu\u00e1rios automaticamente ap\u00f3s o intervalo de tempo inserido.<\/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=\"notifica\u00e7\u00f5es via 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 Hist\u00f3rico de notifica\u00e7\u00f5es por push<\/h2>\n<p>Aqui, o administrador da loja pode visualizar o hist\u00f3rico completo de notifica\u00e7\u00f5es push enviadas ao Progressive Web App (PWA). Junto com isso, o administrador da loja pode at\u00e9 personalizar a notifica\u00e7\u00e3o manual e enviar a mesma para os usu\u00e1rios do 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=\"push-notifica\u00e7\u00f5es-hist\u00f3ria\" 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) Enviar notifica\u00e7\u00e3o:<\/h3>\n<p>O que \u00e9 melhor para projetar e enviar notifica\u00e7\u00f5es push conforme a necessidade? Esta op\u00e7\u00e3o permite que os propriet\u00e1rios das lojas configurem e enviem uma notifica\u00e7\u00e3o personalizada manualmente para os usu\u00e1rios do aplicativo 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=\"push-notifica\u00e7\u00f5es-hist\u00f3ria\" 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 \/>\nLayout da P\u00e1gina Inicial do 2.3<\/h2>\n<p>O m\u00f3dulo PrestaShop PWA permite ao administrador da loja contornar as restri\u00e7\u00f5es de ter uma interface de usu\u00e1rio fixa da tela inicial e projetar aquela que se adapta \u00e0s suas necessidades comerciais. Essa guia permite que o administrador da loja crie e salve v\u00e1rios layouts e os use de acordo com as ocasi\u00f5es e festivais em execu\u00e7\u00e3o.<\/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=\"layout de p\u00e1gina inicial\" 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 \/>\nPara configurar os layouts da p\u00e1gina inicial do aplicativo PWA, os seguintes elementos est\u00e3o dispon\u00edveis no back-end:<\/p>\n<h3>A) Principais Categorias:<\/h3>\n<p>As principais categorias s\u00e3o exibidas na forma de pequenos quadrados na tela inicial do Progressive Web App (PWA). Suas imagens e links de redirecionamento podem ser configurados aqui. Essas categorias podem ser usadas para destacar as principais marcas na tela inicial do aplicativo. O m\u00f3dulo PrestaShop PWA permite no m\u00e1ximo 8 categorias em que no m\u00ednimo 4 s\u00e3o obrigat\u00f3rias.<\/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=\"principais categorias\" 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) Square Banner:<\/h3>\n<p>A listagem de Banner quadrado na tela inicial do Progressive Web App (PWA) oferece um bloco de banner em forma de quadrado no qual o administrador da loja pode usar a imagem desejada. O link de redirecionamento relevante pode ser usado para esses banners.<\/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=\"faixa quadrada\" 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) Bandeja horizontal  deslizante:<\/h3>\n<p>Estes s\u00e3o os blocos de banner em forma de ret\u00e2ngulo dispon\u00edveis em deslizamento horizontal na tela inicial do aplicativo PrestaShop PWA. Para isso tamb\u00e9m, a imagem e o link de redirecionamento s\u00e3o totalmente configur\u00e1veis.<\/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=\"banners deslizantes\" 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) Grid Banners:<\/h3>\n<p>Estes s\u00e3o banners em forma de quadrado listados na tela inicial do Progressive Web App (PWA) na forma de exibi\u00e7\u00e3o de grade. O administrador da loja pode adicionar quantos banners forem necess\u00e1rios e definir seu link de redirecionamento.<\/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=\"banners de grade\" 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) Contagem regressiva Timer Banner:<\/h3>\n<p>O m\u00f3dulo PrestaShop PWA permite que o administrador da loja configure e adicione um banner baseado em cron\u00f4metro na tela inicial do aplicativo da web. O administrador da loja pode adicionar a imagem do banner e a tela inicial junto com o cron\u00f4metro at\u00e9 que o banner seja exibido na tela inicial do aplicativo web progressivo. Assim que o cron\u00f4metro terminar, o banner ser\u00e1 removido automaticamente.<\/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=\"contagem regressiva-temporizador-banner\" 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) Quadrado Produtos:<\/h3>\n<p>A partir de banners, os aplicativos m\u00f3veis PrestaShop PWA permitem a exibi\u00e7\u00e3o de produtos em listas de blocos quadrados. O administrador pode escolher os produtos para este elemento.<\/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=\"produtos quadrados\" 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) Produtos de deslizamento horizontal:<\/h3>\n<p>Voc\u00ea pode adicionar os produtos na forma de deslizamento horizontal. Os produtos escolhidos podem ser de escolha do administrador da loja, como novidades, mais vendidos, produtos personalizados, 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=\"produtos deslizantes\" 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) Produtos de rede:<\/h3>\n<p>Os produtos tamb\u00e9m podem ser adicionados na tela inicial na forma de listas de blocos de visualiza\u00e7\u00e3o em grade. O administrador da loja pode escolher os produtos desejados e a quantidade a ser exibida na tela inicial do aplicativo 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=\"produtos de grade\" 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) Produtos acessados \u200b\u200brecentemente:<\/h3>\n<p>O m\u00f3dulo PrestaShop Mobile PWA permite que o propriet\u00e1rio da loja adicione um elemento de guia recente na tela inicial do aplicativo da web. Ele exibir\u00e1 todos os produtos navegados pelos usu\u00e1rios recentemente.<\/p>\n<p><strong>Observa\u00e7\u00e3o: <\/strong> O administrador da loja pode adicionar at\u00e9 20 elementos ao projetar o layout no painel de back-end.<\/p>\n<h2>2.4 Como obter detalhes do aplicativo do Facebook?<\/h2>\n<p>O aplicativo do Facebook pode ser criado seguindo as etapas abaixo mencionadas: &#8211;<\/p>\n<p><strong>&#8211; <\/strong>  V\u00e1 para o URL fornecido: https:\/\/developers.facebook.com\/apps\/<\/p>\n<p><strong>&#8211; <\/strong>Clique no bot\u00e3o &#8220;Adicionar um novo aplicativo&#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=\"adicionar novo aplicativo\" 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>Etapa 3 e 4:<\/strong>Insira o nome do aplicativo e a id de e-mail e clique no bot\u00e3o &#8220;Criar ID do aplicativo&#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>Etapa 5 e 6:<\/strong> Ap\u00f3s clicar em Criar ID de aplicativo, voc\u00ea ter\u00e1 que passar por uma verifica\u00e7\u00e3o de seguran\u00e7a, conforme mostrado:<\/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>&#8211; <\/strong>Clique na aba &#8220;Configura\u00e7\u00f5es&#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=\"configura\u00e7\u00e3o do aplicativo fb\" 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>Etapa 8-13:<\/strong>Duas op\u00e7\u00f5es estar\u00e3o dispon\u00edveis no  menu suspenso, B\u00e1sico e Avan\u00e7ado, clique em &#8220;B\u00e1sico&#8221;. Em seguida, insira seu &#8220;Dom\u00ednio do aplicativo&#8221;,   &#8220;E-mail de contato&#8221;, &#8220;Privacidade URL&#8221;, &#8220;Termos e Condi\u00e7\u00f5es URL&#8221;, &#8220;Adicionar logotipo&#8221;, &#8220;Selecionar categoria&#8221; e clique no bot\u00e3o &#8220;Salvar altera\u00e7\u00f5es&#8221;. Dom\u00ednios de aplicativos: seudominio.com est\u00e1 correto seudom\u00ednio.com\/store est\u00e1 incorreto www.domain.com est\u00e1 incorreto<\/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 do aplicativo 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>&#8211; <\/strong>Agora clique em &#8220;+ Adicionar plataforma&#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=\"adicionar plataforma\" 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 \/>\nEtapa 15:  <\/strong>E selecione Site como Plataforma.<\/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=\"escolha-plataforma\" 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>&#8211; <\/strong> Agora digite o URL do seu 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=\"enter-site-url\" 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>Etapa 17 e 18:<\/strong>Clique em &#8220;Produtos +&#8221; e selecione o login do 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=\"entrar no 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>&#8211; <\/strong> Selecione a web como plataforma para o aplicativo.<\/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=\"escolha-plataforma\" 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>&#8211; <\/strong> Agora clique em salvar.<\/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>Etapa 21 e 22:  <\/strong>Clique em Configura\u00e7\u00f5es e adicione URIs de redirecionamento OAuth v\u00e1lidos. URIs de redirecionamento OAuth v\u00e1lidos: 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 redirecionamento\" 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>Etapa 23 e 24:<\/strong>Clique em &#8220;Avalia\u00e7\u00e3o do aplicativo&#8221;. E marque &#8220;Tornar &#8216;o nome do seu aplicativo&#8217; P\u00fablico&#8221; como Sim.<\/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=\"revis\u00e3o do aplicativo\" 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>Etapa final:<\/strong> Copie o ID do aplicativo e o segredo do aplicativo e cole-os nos campos fornecidos no m\u00f3dulo.<\/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=\"passo final\" 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 Como obter detalhes do Google App?<\/h2>\n<ul>\n<li>V\u00e1 para o Google Developers Console (https:\/\/console.developers.google.com\/project) ou clique no link fornecido na parte superior direita da respectiva guia na p\u00e1gina de configura\u00e7\u00e3o do m\u00f3dulo.<\/li>\n<li>Agora clique em  Criar Projeto \u00e0 esquerda da p\u00e1gina.<\/li>\n<li>Digite um nome para o seu projeto e prossiga para a pr\u00f3xima etapa.<\/li>\n<li>Agora clique em APIs e autentica\u00e7\u00e3o-&gt; Credenciais no menu \u00e0 esquerda, conforme mostrado abaixo.<\/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>Clique no bot\u00e3o Criar novo ID do cliente no painel direito da tela.<\/li>\n<li>Pode ser necess\u00e1rio preencher o formul\u00e1rio da Tela de consentimento antes de prosseguir. Para fazer isso, \u00e9 necess\u00e1rio clicar na tela de consentimento no menu \u00e0 esquerda, como mostra a imagem acima.<\/li>\n<li>Preencha o formul\u00e1rio de pop-up com os detalhes abaixo:<\/li>\n<\/ul>\n<p><strong>Tipo de aplica\u00e7\u00e3o:<\/strong> Aplicativo da web.<br \/>\n<strong>Origens do JavaScript autorizadas:<\/strong> O nome do dom\u00ednio da sua loja (https:\/\/www.yourstore.com).<br \/>\n<strong>URI de redirecionamento autorizado ou URI da p\u00e1gina de redirecionamento do 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>Agora clique no bot\u00e3o Criar identifica\u00e7\u00e3o do cliente para obter sua identifica\u00e7\u00e3o e chave secreta do cliente.<\/li>\n<li>Agora voc\u00ea pode usar o segredo e o ID do cliente para permitir que seus clientes acessem sua loja usando a conta do Google.<\/li>\n<\/ul>\n<h2>3.0 Telas do aplicativo PWA de front-end:<\/h2>\n<h3>Tela inicial do 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=\"tela inicial\" 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. Layout din\u00e2mico:<\/strong><\/p>\n<p>Usando v\u00e1rios elementos de design, o administrador da loja pode criar um layout din\u00e2mico de acordo com a necessidade.<\/p>\n<p><strong>2. Logotipo da loja:<\/strong><\/p>\n<p>Adicione o logotipo da loja no cabe\u00e7alho do \ufffdProgressive Web\ufffdApp (PWA).<\/p>\n<p><strong>3. Carrinho de Compras:<\/strong><\/p>\n<p>O \u00edcone do carrinho de compras no canto superior direito da tela inicial permite que os usu\u00e1rios ativem a tela do carrinho.<\/p>\n<p><strong>4. Menu de Navega\u00e7\u00e3o:<\/strong><br \/>\nNavegue pelas categorias nos aplicativos com o menu de navega\u00e7\u00e3o esquerdo na tela inicial.<\/p>\n<h3>Menu Acorde\u00e3o 3.2 (barra de navega\u00e7\u00e3o)<\/h3>\n<p>O  aplicativo da web progressivo  vem com a categoriza\u00e7\u00e3o adequada dos produtos dispon\u00edveis no site. Os compradores m\u00f3veis podem navegar facilmente por produtos de v\u00e1rias categorias. Todas as p\u00e1ginas CMS tamb\u00e9m est\u00e3o dispon\u00edveis no menu Accordion. Ele oferece as seguintes op\u00e7\u00f5es:<\/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=\"acorde\u00e3o-menu-barra de navega\u00e7\u00e3o\" 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. Minha conta:<\/strong><br \/>\nA op\u00e7\u00e3o Minha conta cont\u00e9m todas as informa\u00e7\u00f5es pessoais, de envio e de pedido do usu\u00e1rio. Os compradores do aplicativo PWA podem visualizar todos os dados armazenados relacionados a eles e tamb\u00e9m podem atualiz\u00e1-los.<\/p>\n<p><strong>2. Categorias<\/strong><br \/>\nAs categorias exibidas no menu de navega\u00e7\u00e3o esquerdo do aplicativo \ufffdProgressive Web\ufffd(PWA) s\u00e3o as mesmas do seu site.<\/p>\n<p><strong>3. P\u00e1ginas CMS:<\/strong><br \/>\nV\u00e1rias p\u00e1ginas do CMS, como Sobre n\u00f3s, Fale conosco, Termos e condi\u00e7\u00f5es, etc. podem ser acessadas aqui.<\/p>\n<p><strong>4. L\u00ednguas)<\/strong><br \/>\nA op\u00e7\u00e3o de idioma permite que os usu\u00e1rios do aplicativo PWA visualizem o aplicativo Web no idioma desejado. Todos os idiomas dispon\u00edveis s\u00e3o exibidos somente nesta op\u00e7\u00e3o.<\/p>\n<p><strong>5. Moeda (s)<\/strong><br \/>\nTodas as moedas dispon\u00edveis em seu site s\u00e3o exibidas aqui no aplicativo PrestaShop PWA.<\/p>\n<p><strong>6. Entrar sair<\/strong><br \/>\nOs usu\u00e1rios podem facilmente entrar \/ sair do PrestaShop Progressive Web App por meio desta op\u00e7\u00e3o.<\/p>\n<h3>3.3 Category Screen:<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=\"tela de categoria\" 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. V\u00e1rias vistas:<\/strong><br \/>\nAs categorias no Progressive Web App (PWA) para PrestaShop podem ser visualizadas tanto em lista quanto em grade.<\/p>\n<p><strong>2. Classifica\u00e7\u00e3o:<\/strong><br \/>\nEssa op\u00e7\u00e3o permite que os compradores online escolham a ordem de classifica\u00e7\u00e3o para restringir a pesquisa e obter o produto desejado com facilidade.<\/p>\n<p><strong>3. Filtro:<\/strong><br \/>\nA op\u00e7\u00e3o de filtrar produtos simplifica a pesquisa de produtos. Os usu\u00e1rios podem filtrar todos os produtos em categorias usando v\u00e1rios atributos como tamanho, cor, pre\u00e7o etc.<\/p>\n<h3>Tela do produto 3.4:<\/h3>\n<p>A tela do produto do seu Progressive Web App (PWA) \u00e9 simples e intrigante. V\u00e1rias imagens do mesmo produto s\u00e3o exibidas junto com o nome e o pre\u00e7o. A disponibilidade do produto tamb\u00e9m \u00e9 exibida como &#8220;Em estoque&#8221; ou &#8220;Esgotado&#8221; com base na <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=\"tela do produto\" 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>Estado do invent\u00e1rio. Ele cont\u00e9m as seguintes outras op\u00e7\u00f5es:<\/p>\n<p><strong>1. Informa\u00e7\u00f5es e cuidados do produto<\/strong><br \/>\nAs informa\u00e7\u00f5es completas do produto, conforme dispon\u00edveis no invent\u00e1rio, ser\u00e3o exibidas aqui.<\/p>\n<p><strong>2. Pequena descri\u00e7\u00e3o<\/strong><br \/>\nOs usu\u00e1rios podem ler a breve descri\u00e7\u00e3o do seu produto para decidir rapidamente sobre a compra.<\/p>\n<p><strong>3. Op\u00e7\u00f5es do produto:<\/strong><br \/>\nTodas as op\u00e7\u00f5es relacionadas ao produto, como tamanho, cor etc. s\u00e3o exibidas aqui.<\/p>\n<p><strong>5. Adicionar ao carrinho:<\/strong><br \/>\nEste bot\u00e3o permite aos usu\u00e1rios adicionar produtos ao carrinho. Os usu\u00e1rios podem processar posteriormente o carrinho para compra.<\/p>\n<p><strong>6. Compartilhamento Social de Produtos:<\/strong><br \/>\nA op\u00e7\u00e3o de compartilhamento do produto permite que os usu\u00e1rios compartilhem o produto em v\u00e1rios canais sociais.<\/p>\n<h3>Tela de Login 3.5<\/h3>\n<p>O 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=\"tela de login\" 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>  oferece v\u00e1rias op\u00e7\u00f5es de login de um toque e torna o processo de login \/ registro mais simples:<\/p>\n<p><strong>1. Entrar<\/strong><br \/>\nOs usu\u00e1rios do aplicativo podem facilmente autenticar e fazer login em aplicativos PWA usando suas credenciais de login de e-mail anteriores.<\/p>\n<p><strong>2. Inscrever-se<\/strong><br \/>\nTodos os novos usu\u00e1rios do aplicativo podem se inscrever e criar sua conta na loja a partir do PrestaShop PWA App. O formul\u00e1rio de inscri\u00e7\u00e3o pede apenas os detalhes necess\u00e1rios para criar uma conta.<\/p>\n<p><strong>3. Entre com Facebook<\/strong><br \/>\nOs usu\u00e1rios podem fazer login no aplicativo PWA usando suas credenciais de conta do Facebook.<\/p>\n<p><strong>4. Fa\u00e7a o login com o Google+<\/strong><br \/>\nOs usu\u00e1rios podem fazer login no \ufffdProgressive Web\ufffdapp (PWA) usando suas credenciais de Conta do Google.<\/p>\n<h3>Tela do carrinho de compras 3.6:<\/h3>\n<p>A tela Carrinho de compras do seu aplicativo da web Progressive exibir\u00e1 todos os produtos adicionados ao carrinho de compras. Os usu\u00e1rios do aplicativo podem ver o nome do produto, <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=\"tela de carrinho de compras\" 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>quantidade, pre\u00e7o total e custo de envio. Esta tela possui as seguintes op\u00e7\u00f5es:<\/p>\n<p><strong>1. Aplicar Voucher<\/strong><br \/>\nEsta op\u00e7\u00e3o permite aos usu\u00e1rios usar cupons do site e obter ofertas de desconto.<\/p>\n<p><strong>2. Pre\u00e7o total do produto<\/strong><br \/>\nOs usu\u00e1rios visualizam o custo completo de sua sacola de compras antes de prosseguir. \u00c9 atualizado automaticamente de acordo com qualquer atualiza\u00e7\u00e3o com a quantidade do produto ou nova adi\u00e7\u00e3o.<\/p>\n<p><strong>3. Atualizar a quantidade do produto<\/strong><br \/>\nOs usu\u00e1rios do aplicativo PWA podem at\u00e9 atualizar a quantidade do produto com a op\u00e7\u00e3o &#8220;Atualizar quantidade&#8221;.<\/p>\n<p><strong>4. Remova o produto<\/strong><br \/>\nOs usu\u00e1rios do aplicativo podem simplesmente remover o produto do carrinho simplesmente tocando na op\u00e7\u00e3o &#8220;Remover&#8221;.<\/p>\n<p><strong>5. Continue comprando<\/strong><br \/>\nOs usu\u00e1rios podem sair do carrinho para procurar mais produtos em seu aplicativo da web progressivo.<\/p>\n<p><strong>6. Continue para verificar<\/strong><br \/>\nOs usu\u00e1rios do aplicativo PWA podem prosseguir para as telas de checkout e pagamento apenas tocando na op\u00e7\u00e3o &#8220;Continue To Checkout&#8221;.<\/p>\n<h3>3.7 tela de check-out<\/h3>\n<p>Os aplicativos da Web progressivos com o m\u00f3dulo PrestaShop\ufffdProgressive Web App (PWA) t\u00eam um <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=\"tela de checkout\" 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>checkout em uma \u00fanica tela com apenas informa\u00e7\u00f5es relevantes. Os usu\u00e1rios podem visualizar detalhes completos de checkout, como detalhes de envio, detalhes de faturamento, resumo do pedido, coment\u00e1rio do pedido, resumo do pagamento.<\/p>\n<p><strong>1. Detalhes de envio e cobran\u00e7a<\/strong><br \/>\nEsta tela fornece detalhes dos endere\u00e7os de envio e cobran\u00e7a salvos pelo usu\u00e1rio. O usu\u00e1rio tamb\u00e9m pode editar \/ salvar o novo endere\u00e7o de entrega, se necess\u00e1rio.<\/p>\n<p><strong>2. resumo do pedido<\/strong><br \/>\nOs usu\u00e1rios progressivos do aplicativo da web podem ver os detalhes do produto antes de fazer o pagamento.<\/p>\n<p><strong>3. M\u00e9todos de Envio<\/strong><br \/>\nTodos os m\u00e9todos de envio dispon\u00edveis s\u00e3o exibidos aqui. Os usu\u00e1rios podem escolher aquele que atenda \u00e0s suas necessidades.<\/p>\n<p><strong>4. Coment\u00e1rio de encomenda<\/strong><br \/>\nOs usu\u00e1rios tamb\u00e9m podem adicionar qualquer coment\u00e1rio relacionado ao pedido que ficar\u00e1 vis\u00edvel para armazenar o administrador na p\u00e1gina da web do pedido no back-end.<\/p>\n<p><strong>6. Resumo do pagamento<\/strong><br \/>\nEsta se\u00e7\u00e3o exibe os detalhes completos do pagamento da reparti\u00e7\u00e3o envolvidos na compra.<\/p>\n<p><strong>7. Prossiga para o pagamento<\/strong><br \/>\nOs usu\u00e1rios do aplicativo Progressive Web App (PWA) ser\u00e3o redirecionados para a tela de pagamento depois de tocar no bot\u00e3o &#8220;Prosseguir para o pagamento&#8221;.<\/p>\n<h3>3.8 Payment Screen:<\/h3>\n<p>A tela de pagamento do aplicativo PrestaShop\ufffdPWA tem todos os pagamentos via web dispon\u00edveis na loja. Os compradores on-line podem encontrar experi\u00eancias de pagamento semelhantes em sites e aplicativos da web progressivos.<\/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=\"tela de pagamento\" 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>3.9 Minha conta tela<\/h3>\n<p>A tela Minha conta do PrestaShop Progressive Web App (PWA) permite que os usu\u00e1rios visualizem seus detalhes completos salvos no aplicativo, incluindo uma lista de pedidos anteriores.<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=\"tela da minha conta\" 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>Tela 3.10 Order Detail<\/h3>\n<p>A tela de detalhes do pedido do PrestaShop Progressive Web App fornece detalhes completos de um pedido espec\u00edfico do aplicativo PWA. Os usu\u00e1rios podem visualizar facilmente o endere\u00e7o de entrega, o resumo do produto, o m\u00e9todo de envio e pagamento e o resumo do custo total, etc. H\u00e1 at\u00e9 uma op\u00e7\u00e3o para manter um controle do status do pedido e sua entrega.<\/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=\"tela de detalhes do pedido\" 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 Introdu\u00e7\u00e3o O r\u00e1pido crescimento da ind\u00fastria de com\u00e9rcio m\u00f3vel levou \u00e0 urg\u00eancia de ter um aplicativo m\u00f3vel de com\u00e9rcio eletr\u00f4nico. Mas, criar aplicativos m\u00f3veis envolve muita codifica\u00e7\u00e3o e outros aspectos t\u00e9cnicos. Por que n\u00e3o transformar seu site online em um aplicativo da web? Oferecer um aplicativo PrestaShop PWA otimizado, ou seja, aprimoraria a experi\u00eancia [&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":[3276,3279],"tags":[22841],"class_list":["post-701108","post","type-post","status-publish","format-standard","hentry","category-manual-do-usuario","category-prestashop-manual-do-usuario","tag-pwa-de-comrcio-eletrnico"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Aplicativo Web Progressivo PrestaShop (PWA) - Manual do usu\u00e1rio - 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\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aplicativo Web Progressivo PrestaShop (PWA) - Manual do usu\u00e1rio - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"1.0 Introdu\u00e7\u00e3o O r\u00e1pido crescimento da ind\u00fastria de com\u00e9rcio m\u00f3vel levou \u00e0 urg\u00eancia de ter um aplicativo m\u00f3vel de com\u00e9rcio eletr\u00f4nico. Mas, criar aplicativos m\u00f3veis envolve muita codifica\u00e7\u00e3o e outros aspectos t\u00e9cnicos. Por que n\u00e3o transformar seu site online em um aplicativo da web? Oferecer um aplicativo PrestaShop PWA otimizado, ou seja, aprimoraria a experi\u00eancia [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/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=\"2022-03-04T17:21:04+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\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\"},\"headline\":\"Aplicativo Web Progressivo PrestaShop (PWA) &#8211; Manual do usu\u00e1rio\",\"datePublished\":\"2020-04-18T14:48:08+00:00\",\"dateModified\":\"2022-03-04T17:21:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/\"},\"wordCount\":3786,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\",\"keywords\":[\"PWA de com\u00e9rcio eletr\u00f4nico\"],\"articleSection\":[\"Manual do usu\u00e1rio\",\"Prestashop Manual do usu\u00e1rio\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/\",\"name\":\"Aplicativo Web Progressivo PrestaShop (PWA) - Manual do usu\u00e1rio - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/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\":\"2022-03-04T17:21:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-pwa-mobile-app-user-manual\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/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\\\/pt-br\\\/manual-do-usuario\\\/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\":\"Aplicativo Web Progressivo PrestaShop (PWA) &#8211; Manual do usu\u00e1rio\"}]},{\"@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\":\"pt-BR\"},{\"@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\":\"pt-BR\",\"@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\":\"pt-BR\",\"@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\\\/pt-br\\\/author\\\/joe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Aplicativo Web Progressivo PrestaShop (PWA) - Manual do usu\u00e1rio - 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\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/","og_locale":"pt_BR","og_type":"article","og_title":"Aplicativo Web Progressivo PrestaShop (PWA) - Manual do usu\u00e1rio - Knowband Blog | Ecommerce Modules","og_description":"1.0 Introdu\u00e7\u00e3o O r\u00e1pido crescimento da ind\u00fastria de com\u00e9rcio m\u00f3vel levou \u00e0 urg\u00eancia de ter um aplicativo m\u00f3vel de com\u00e9rcio eletr\u00f4nico. Mas, criar aplicativos m\u00f3veis envolve muita codifica\u00e7\u00e3o e outros aspectos t\u00e9cnicos. Por que n\u00e3o transformar seu site online em um aplicativo da web? Oferecer um aplicativo PrestaShop PWA otimizado, ou seja, aprimoraria a experi\u00eancia [&hellip;]","og_url":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/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":"2022-03-04T17:21:04+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\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8"},"headline":"Aplicativo Web Progressivo PrestaShop (PWA) &#8211; Manual do usu\u00e1rio","datePublished":"2020-04-18T14:48:08+00:00","dateModified":"2022-03-04T17:21:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/"},"wordCount":3786,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","keywords":["PWA de com\u00e9rcio eletr\u00f4nico"],"articleSection":["Manual do usu\u00e1rio","Prestashop Manual do usu\u00e1rio"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/","url":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/","name":"Aplicativo Web Progressivo PrestaShop (PWA) - Manual do usu\u00e1rio - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/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":"2022-03-04T17:21:04+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-pwa-mobile-app-user-manual\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/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\/pt-br\/manual-do-usuario\/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":"Aplicativo Web Progressivo PrestaShop (PWA) &#8211; Manual do usu\u00e1rio"}]},{"@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":"pt-BR"},{"@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":"pt-BR","@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":"pt-BR","@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\/pt-br\/author\/joe\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/701108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/comments?post=701108"}],"version-history":[{"count":0,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/701108\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/media?parent=701108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/categories?post=701108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/tags?post=701108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}