1.0 Introdução
Este é o guia do usuário da solução de aplicativo móvel Flutter avançada e pronta do PrestaShop Mobile App Builder. Este é um plug-in de site de comércio eletrônico projetado e criado para criar aplicativos de compras Android e iOS perfeitos e em destaque para você.
1.1 PrestaShop Mobile App Builder: Uma breve introdução
O PrestaShop Mobile App Builder é a solução mais avançada e automatizada para levar seu negócio de site online para a plataforma móvel. Ele transforma todo o seu site em um aplicativo móvel em destaque e permite que você venda produtos no celular junto com o site tradicional. As funcionalidades e o funcionamento do aplicativo correspondem exatamente ao site e funcionam perfeitamente em dispositivos Android e iPhone. nosso�PrestaShop Mobile App Builder�é a estrutura pré-configurada projetada por especialistas e profissionais para criar um par de aplicativos de comércio eletrônico Flutter. Os aplicativos são capazes de levar todos os produtos da sua loja ao alcance do usuário e aumentar as vendas e a receita. Então, se você é um comerciante da loja PrestaShop e procura uma solução de aplicativo móvel completa, esta é sua melhor chance. Leia o artigo completo para obter informações completas sobre o PrestaShop Mobile App Development. Além disso, nossa extensão PrestaShop Mobile App Builder é totalmente compatível com�o Mercado de vários fornecedores�plugin. Você pode trazer toda a listagem de mercado nos mesmos aplicativos móveis. Nós ainda oferecemos um pacote de combinação de nossos�PrestaShop Mobile App Builder�com�Mercado de vários fornecedores PrestaShop in PrestaShop Advanced Marketplace com aplicativo móvel. Além disso, os “seguintes” benefícios do “PrestaShop” Mobile “App Maker” o obrigariam a “escolher” esta solução de aplicativo Flutter:
- Solução no-code Mobile App .
- Painel de administrador amigávelcom acesso completo.
- 3 meses de suporte gratuito
- Soluções totalmente “Flutter” (Android e iOS)
- 100% de sincronização entre seus apps e website
- Altamente personalizável com design e controle funcionante.
- Aumenta o usuário envolvimento com ferramentas úteis de marketing.
- Aumenta tráfico e receita para sua loja.
1.2 Recursos de alto nível do PrestaShop Mobile App Builder:
Aqui está a lista de alguns dos principais recursos que você obterá em seus aplicativos com o Prestashop Mobile App Builder:
- Layout personalizável da tela inicial (flexibilidade total)
- Store Branding
- Suporte de bate-papo do WhatsApp (24 * 7)
- Login do Google e Facebook
- Login de OTP e impressão digital
- Suporte para tablet e celular
- Android 4.2 e assim por diante Android Version Support
- iOS 9 e assim por diante iOS Version Support
- Atualização automática de estoque
- Várias opções de cores e fontes
- Suporte multilíngue e RTL (da direita para a esquerda)
- Suporte multi-moeda
- Todos os tipos de suporte de produto
- Método de pagamento do site compatível com aplicativos
- Método de envio do site com suporte em aplicativos
- Notificações push ilimitadas
- Opções de compartilhamento social do produto
- Múltiplas opções de filtragem e classificação
- Funcionalidade da lista de desejos
- Cupom / vouchers de site com suporte em aplicativos.
- Tela de check-out simplificado
- Rastreamento de pedidos em tempo real
- Menu de acordeão contínuo
- Tela bem definida de produtos e categorias
Versão mais recente Atualizações em aplicativos móveis PrestaShop:
a) Botão “Adicionar ao carrinho” na tela inicial e de categoria
O PrestaShop Mobile App tornou-se mais utilizável para compradores on-line com um botão “Adicionar ao carrinho” embutido para produtos na tela inicial e categoria. Isso permite que os usuários adicionem rapidamente produtos ao carrinho apenas tocando no botão do carrinho. O botão Adicionar ao carrinho também está disponível na tela de categoria dos aplicativos móveis. Os usuários podem simplesmente rolar para baixo para navegar pelos produtos e continuar adicionando produtos ao carrinho simplesmente tocando no botão Adicionar ao carrinho.
b) Avaliações de produtos no aplicativo
Nosso PrestaShop Mobile App agora é compatível com o módulo padrão de comentários do produto do PrestaShop. Agora, o usuário pode postar avaliações dos produtos no site e as mesmas também aparecerão no aplicativo. Além disso, o usuário pode ver todos os comentários do aplicativo e escrevê-los também.
c) Produtos relacionados no aplicativo
O PrestaShop Mobile App Builder agora é compatível com o módulo Automatic Related Products. Os produtos relacionados podem ser exibidos na página do produto no site e no aplicativo móvel. Essa compatibilidade pode ser usada como uma ferramenta perfeita para melhorar a venda cruzada para o seu negócio.
�> Explorar�Produtos relacionados ao PrestaShop
d) Acessibilidade no modo offline: 
Os aplicativos móveis de comércio eletrônico com esta extensão agora funcionarão no modo offline também, ou seja, sem conectividade com a Internet. Os usuários podem navegar nas páginas a qualquer momento que foram carregadas enquanto estão ativos na Internet. Categorias, produtos, tela do carrinho, etc.
�> Explorar�Pesquisa de imagens PrestaShop
e) Conformidade com o RGPD:
Agora, os aplicativos com PrestaShop Mobile App� 
O Builder está totalmente em conformidade com os regulamentos GDPR da UE. Ele oferecerá mais controle aos usuários do aplicativo sobre seus dados pessoais armazenados. O administrador da loja pode simplesmente definir as configurações do GDPR para funcionar no aplicativo e o mesmo será exibido em várias telas do aplicativo, como inscrição, login, checkout, pagamento, etc. Os compradores online têm até o direito de pedir ao comerciante da loja pelo remoção de suas informações pessoais.
�> Explorar�Módulo GDPR PrestaShop
f) Spin & Win (assinatura de e-mail gamificado) Compatibilidade:
O PrestaShop Mobile App Creator também é compatível com a extensão PrestaShop Spin & Win. O pop-up de assinatura de e-mail gamificado é usado para oferecer um pop-up interativo giratório que pode ser agendado para exibição de entrada ou saída na loja virtual. Agora, com essa integração, o mesmo pop-up será exibido automaticamente nos aplicativos. Você só precisa instalar a extensão em seu site.
�> Explorar�Módulo PrestaShop Spin Win
Esta lista não termina aqui. Conheça mais sobre os recursos em detalhes em�aqui.
2.0 PrestaShop Mobile App Demo
A KnowBand entende sua preocupação com a incerteza de buscar a solução e, para conter a mesma, ofereceu uma demonstração gratuita para todos os proprietários de lojas de comércio eletrônico. Os comerciantes podem ver nossa loja de demonstração funcionando no aplicativo móvel e até mesmo sua loja funcionando em nossos aplicativos de demonstração.
2.1 Veja nossa loja de demonstração trabalhando em aplicativos
Quer ver os recursos do aplicativo de comércio eletrônico? Integramos nossa loja de demonstração com o aplicativo, onde você pode explorar o aplicativo totalmente funcional e ver todos os seus recursos. Basta seguir as instruções abaixo:
– �Faça o download e instale o aplicativo móvel Nautica PrestaShop em qualquer uma das lojas de aplicativos em seu dispositivo móvel. Aqui estão os links para baixar os aplicativos de demonstração:
Apple App Store��-Adicione o link do aplicativo PS Android aqui.
Google Play Store-Adicione o link PS iOS aqui.
– Abra o aplicativo Nautica PrestaShop e clique no botão de demonstração. É isso! Você verá nossa loja de demonstração em execução no aplicativo de demonstração. Você pode navegar pelo mesmo, verificar todas as funcionalidades, criar um pedido, etc.Nota:�Para acessar o Painel Administrativo do KnowBand Mobile App Builder em nossa loja de demonstração, visite�aqui.
2.2 Visualize sua loja trabalhando em aplicativos de demonstração
Não satisfeito? Quer testar sua loja nos aplicativos de demonstração? Bem, nós cobrimos você com tudo. Você também pode experimentar sua loja em nosso aplicativo de demonstração sem nenhum custo. Apenas 3 passos são tudo o que você precisa seguir para o mesmo:
– �Baixe e instale�PrestaShop Mobile App Builder GRATUITO�plugin e instale-o em sua loja.
– �Instale os aplicativos de demonstração (links na seção anterior) em seu dispositivo móvel. Abra o aplicativo e digite o URL da sua loja.
– �Toque em “Visualizar sua loja” e comece a experimentar sua loja em aplicativos de demonstração.
Passo 4: Insira o URL da sua loja na caixa exibida. Exemplo: https://www.example.com/
Nota:�Esta versão gratuita do Mobile App Builder é apenas para fins de demonstração e nenhum arquivo APK/IPA será fornecido com este módulo. Para obter seus próprios arquivos APK/IPA, você precisa adquirir a versão paga do�PrestaShop Mobile App Builder.
3.0 Construa seu PrestaShop Mobile App em 3 etapas simples
Esperamos que você tenha gostado da demonstração de nossos aplicativos móveis PrestaShop e tenha encontrado o que procurava. Portanto, esta é a hora de obter um par de aplicativos Flutter para sua loja. O processo para criar um aplicativo móvel de comércio eletrônico é o mais simples possível. Basta seguir 3 etapas simples e seu aplicativo estará pronto em 1-2 dias úteis.
Passo 1: Instale o módulo em seu site Baixe o Prestashop Mobile App Builder e instale o mesmo em sua loja.
Passo 2: Compartilhe as especificações do seu aplicativo Compartilhe os detalhes/requisitos do seu aplicativo em�nosso�formulário de pré-requisitos.
Passo 3: Obtenha seus aplicativos em 1-2 dias Nossos desenvolvedores qualificados e profissionais criam seus aplicativos combinando exatamente os detalhes compartilhados. Entraremos em contato com você com os arquivos APK/IPA em 1 a 2 dias.
Nota:�Você pode publicar esses arquivos APK/IPA nas respectivas lojas de aplicativos. Consulte os seguintes links para o mesmo:
Como publicar um aplicativo na Google Play Store?
Como publicar um aplicativo na Apple App Store?
Ainda é um problema? Diga-nos, nós publicamos os aplicativos para você. Além disso, para quaisquer dúvidas e sugestões, entre em contato conosco pelo e-mail�support@knowband.com.
4.0 Instalação do Módulo
Depois de adquirir o módulo PrestaShop�Mobile App Builder, você receberá os seguintes arquivos listados abaixo: 1. Arquivo compactado no formato ZIP (contém o código-fonte do complemento)2. Manual do usuário Agora, você pode prosseguir com o processo de instalação adicional das duas maneiras a seguir:
Instalação de módulo usando detalhes de FTP
Instalação de módulo usando detalhes de administrador
Telas do Painel de Administração do 5.0
Assim que o PrestaShop Mobile App Maker for instalado com sucesso em seu site, é hora de configurar o Painel Administrativo do PrestaShop Mobile App Creator. Depois de clicar na opção “Configurar” no KnowBand Mobile App Builder, você obterá a seguinte guia com interfaces amigáveis. Vamos reduzi-los um por um.
Configurações gerais do 5.1
A guia Configuração geral trata das configurações necessárias para executar seu aplicativo móvel nos dispositivos do usuário. Esta guia contém todas as opções generalizadas necessárias para sincronizar o aplicativo.
a) Habilite o plug-in:�Ative o plug-in PrestaShop Mobile App Creator para fazer seu aplicativo móvel funcionar nos dispositivos do usuário.
b) Ativar Spin e Win:�Ative para exibir um pop-up giratório gamificado na tela inicial sempre que qualquer usuário abrir o aplicativo. Ele pode ser usado para oferecer descontos/promoções e capturar seus e-mails em troca de fins de marketing. Para fazer essa funcionalidade funcionar, você precisa instalar o módulo Spin and Win da Knowband em seu site. Obs: O Módulo Girar e Ganhar só funcionará caso você tenha instalado o plugin na ponta da sua loja.
c) Redirecionar na página do carrinho quando adicionar ao carrinho:�Essa funcionalidade permite controlar a navegação do botão “Adicionar ao carrinho”. Você pode redirecionar seus usuários para o carrinho de compras ou mantê-los na página do produto sempre que tocarem no botão Adicionar ao carrinho. Isso aumenta as chances de compras adicionais.
d) Apresentar breve descrição:�Ative para exibir uma breve descrição do produto na tela do produto junto com a descrição completa e outros detalhes.
e) Selecione o layout: Escolha o layout da página inicial desejado para seu aplicativo PrestaShop. Você pode criar vários layouts de tela inicial no back-end de acordo com vários festivais e temas e usá-los de acordo com os requisitos da sua loja.
f) Cor do botão do aplicativo:�Escolha a cor do botão desejada para seu aplicativo móvel PrestaShop.
g) Cor do tema do aplicativo:�Escolha a cor de tema desejada para seu aplicativo móvel PrestaShop.
h) Imagem para o logotipo:�Carregue a imagem do logotipo da sua loja para ser exibida no cabeçalho superior do aplicativo. Isso promoveu sua marca entre os compradores móveis em todo o mundo.
i) Métodos de envio desativados:�Escolha os métodos de envio desejados que você não deseja que sejam exibidos em seu aplicativo móvel PrestaShop.
j) Páginas CMS Habilitadas:� Escolha as páginas CMS desejadas para serem exibidas nos aplicativos móveis.
k) Ativar relatório de log de solicitações:Habilite o logon nos aplicativos móveis para obter detalhes de qualquer comportamento anormal do seu aplicativo.
l) Ative o suporte de bate-papo do WhatsApp:�Ative a opção de bate-papo do WhatsApp em seus aplicativos móveis PrestaShop. Os usuários podem contatá-lo diretamente em seu número de WhatsApp inserido no back-end.
m) Ativar/desativar o registro do número de telefone:Habilite a opção de login do número de telefone em seu aplicativo móvel PrestaShop e permita que seus usuários façam a autenticação com a verificação OTP.
n) Ativar codificação de URL de links de imagem:�Ative esta funcionalidade para oferecer suporte a caracteres não ASCII no aplicativo.
Configurações de notificações push 5.2
O PrestaShop Mobile App Creator para Android/iOS aproveita o poder da notificação push usando os serviços primários do Google para a notificação push para dispositivos móveis. Ele traz essa ferramenta de marketing útil para atrair a atenção imediata do usuário e aumentar as vendas. Destacar suas promoções e ofertas diárias é apenas uma mensagem com seu aplicativo móvel PrestaShop. As notificações automatizadas e personalizadas estão disponíveis com o PrestaShop Mobile App Maker.
a) Firebase Server Key:A chave do servidor Firebase é usada para configurar as notificações push para o aplicativo. Essa chave garante que as notificações sejam recebidas por todos os usuários do seu aplicativo em todo o mundo. Você pode pular essa configuração para a versão gratuita do módulo, pois ela seria configurada em seu aplicativo final com a versão paga do módulo.
b) Habilitar / Desabilitar Notificação de Criação de Pedido:�Habilitar/Desabilitar Push Notification automatizado enviado aos usuários do aplicativo para criação bem-sucedida de pedidos.�> Título e Mensagem para Notificação Push:�Insira o título e a mensagem na configuração de notificação push para a criação bem-sucedida do pedido.
c) Ativar / desativar notificação de alteração de status do pedido: Habilite / desabilite a notificação automática por push enviada aos usuários do aplicativo para qualquer atualização em relação ao status anterior de entrega do pedido.�> Título e Mensagem para Notificação Push:�Insira o título e a mensagem na configuração de notificação push sempre que houver uma atualização no status de entrega do pedido anterior.
d) Ativar / desativar notificação de carrinho abandonado:�Ativar/desativar notificações push automáticas enviadas aos usuários que abandonaram o carrinho sem compra bem-sucedida.�> Título e Mensagem para Notificação Push:�Digite o título e a mensagem da notificação push para usuários de aplicativos de carrinho abandonados.
e) Intervalo de tempo: Intervalo (em horas) para o envio de Notificação Push para usuários do aplicativo que abandonaram seu carrinho sem compra bem-sucedida.
5.3 Push Notification History
Esta guia contém o histórico de todos os tipos de notificações push enviadas a cada usuário com detalhes em questão. O comerciante pode ficar sabendo de todas as notificações enviadas anteriormente. Essa guia também tem a opção de enviar uma notificação personalizada para os usuários criados no back-end. Você pode informá-los facilmente sobre quaisquer detalhes ou descontos relacionados à loja por meio de notificações enviadas manualmente.
Enviar notificação:
Esta opção existe para enviar uma notificação manual aos usuários do aplicativo conforme sua escolha. Você pode configurar o título, a mensagem, a página inicial, a imagem etc. e a notificação de sua escolha, conforme mostrado abaixo:
a) Título da notificação push:�O título do seu manual Push Notification que deve ser enviado aos usuários do aplicativo.
b) Mensagem da Notificação Push:�A mensagem da sua notificação manual que deve ser enviada aos usuários do aplicativo.
c) Tipo de dispositivo:�Você pode escolher os usuários no Android/iOS ou em ambos para quem sua Notificação Push manual deve ser enviada.
d) Tipo de imagem: Você pode fazer upload da imagem / banner desejado justificando sua notificação. A imagem do banner pode ser carregada ou usada por meio de um URL existente.
e) Imagem de Notificação:�O administrador da loja pode visualizar a imagem da notificação e analisar como ela ficará nos aplicativos do usuário.
f) URL da imagem:�A URL real da imagem de notificação que deve ser enviada aos usuários do aplicativo.
g) Atividade de redirecionamento: Você pode escolher o redirecionamento de sua notificação escolhendo Tela inicial/Qualquer categoria/Qualquer produto aqui. O que quer que você defina, seus usuários serão redirecionados para o mesmo ao tocar na notificação push.
h) Selecione a categoria / produto: Você pode escolher qualquer categoria / tela de produto relevante para sua notificação.
i) Enviar Notificação:Depois de criar e visualizar sua notificação, é hora de enviar o mesmo em seus aplicativos.
Métodos de pagamento 5.4
O PrestaShop Mobile App Creator para Android e iOS oferece suporte a todos os tipos de métodos de pagamento de sites nos aplicativos para Android e iOS. Além disso, oferece a opção de pagamento COD e a flexibilidade de adicionar outros métodos de pagamento Web-View. Por padrão, há apenas um método de pagamento em dinheiro na entrega em nosso aplicativo móvel. No entanto, se você deseja adicionar os mesmos métodos de pagamento da sua loja PrestaShop, desative o método COD no back-end do módulo. Depois de desabilitar o método COD, todos os métodos de pagamento disponíveis em seu web-end aparecerão bem em seus aplicativos móveis.
Layout da Página Inicial do 5.5
Esta é uma das funcionalidades mais incríveis do plug-in PrestaShop Mobile App Builder para projetar e criar vários layouts de tela inicial usando vários atributos/elementos de design. Esta guia contém a lista de todos os layouts da tela inicial configurados anteriormente com base em vários temas e fontes, conforme mostrado no instantâneo abaixo:
Para configurar os layouts da página inicial, os seguintes elementos estão disponíveis no back-end:
- Principais categorias
- Square Banner
- Horizontal Sliding Banner
- Grid Banners
- Contagem regressiva Banner
- Grade Produtos
- Horizontal Sliding Products
- Produtos acessados recentemente
O comerciante da loja pode configurar e usar qualquer um desses atributos para criar e salvar vários layouts. Esses layouts podem ser usados de acordo com o tema e os requisitos. Além disso, o posicionamento de vários elementos pode ser alterado com uma simples funcionalidade de arrastar e soltar.
Principais Categorias:
As principais categorias são exibidas na forma de pequenos quadrados na tela inicial e podem ser configuradas, incluindo suas imagens e categorias/produtos de destino. O PrestaShop Mobile App Maker oferece no máximo 8 categorias nas quais um mínimo de 4 são obrigatórios.
Square Banner:
Outro atributo é a listagem do Banner quadrado, usado para oferecer um banner em forma de quadrado na tela inicial do aplicativo. Você pode personalizar o banner escolhendo a imagem certa e a tela inicial para o mesmo.
Horizontal Sliding Banner:
Estes são os retangulares disponíveis no deslizamento horizontal e podem ser totalmente personalizados no backend.
Grade Banners:
Estes são banners em forma de quadrado listados na tela inicial na forma de grade. Você pode definir quantos banners quiser na tela inicial e personalizar sua imagem e página de destino de acordo.
Contagem regressiva Timer Banner:
O PrestaShop Mobile App Builder oferece um banner com um cronômetro de contagem regressiva. Você pode definir a imagem do banner e a tela inicial e definir o cronômetro até que você deseja exibir o banner. Assim que o cronômetro terminar, o banner desaparecerá automaticamente.
SquareProducts:
Quanto aos banners, o PrestaShop Mobile App Creator oferece produtos para exibir na tela inicial na forma de listagens quadradas.
Produtos Deslizantes Horizontais
Você pode adicionar os produtos na forma de controles deslizantes horizontais. Os produtos selecionados podem ser de qualquer categoria específica ou outros destaques como os mais vendidos, produtos em destaque, etc.
Produtos de grade:
Os produtos também podem ser adicionados à tela inicial na forma de listagens em grade. Os produtos podem ser escolhidos em qualquer categoria.
Produtos acessados recentemente:
O PrestaShop Mobile App Creator fornece o elemento da guia recente que exibe os produtos recentes visualizados pelo usuário. Você pode simplesmente adicionar o elemento em seu layout para exibi-lo na tela inicial.
Observação: o administrador da loja pode adicionar até 20 elementos ao criar um layout no painel de back-end.��
5.6 Conformidade com o GDPR
O PrestaShop Mobile App Builder oferece conformidade GDPR em aplicativos móveis. O administrador da loja pode simplesmente dar alguns cliques no painel de administração e os aplicativos se tornarão compatíveis com o GDPR.
a) Ative as configurações de GDPR:�Ative esta guia para oferecer compatibilidade com GDPR em várias telas de aplicativos.
b) Exibir GDPR em:�Escolha as telas do aplicativo onde deseja ativar as opções do GDPR.
c) Importar conteúdo da página CMS: Escolha a página CMS cujo conteúdo precisa ser adicionado para a opção GDPR.
6.0 Telas de aplicativos móveis
Tela inicial do 6.1
A tela inicial do seu aplicativo móvel PrestaShop será exatamente como você deseja. O PrestaShop Mobile App Maker oferece total flexibilidade para projetar e criar telas iniciais em suas mãos. Usando vários banners (quadrado, grade, deslizante), produtos (quadrado, grade, deslizante), banner de contagem regressiva e guia de produtos recentes no back-end, você pode criar layouts intuitivos para sua tela inicial. As seguintes opções estão disponíveis na tela inicial do aplicativo:
� � � � � � � � � � � � � � � � � � � ��
Além disso, o posicionamento de vários elementos de design também pode ser alterado de acordo com o requisito.
1. Layouts dinâmicos:
Usando vários elementos, você pode criar e salvar vários layouts no backend e reutilizá-los de acordo com vários eventos e festivais. Você pode projetar e criar a tela inicial do seu aplicativo dinamicamente.
2. Logotipo da marca:
O logotipo da sua loja é representado na seção intermediária esquerda do cabeçalho superior do aplicativo móvel PrestaShop. O logotipo é totalmente configurável no back-end do módulo e pode ser ativado/desativado, incluindo alterações de imagem.
3. Pesquisa:
A opção de pesquisa permite que os compradores de aplicativos móveis obtenham com facilidade e rapidez o que desejam. Em seu aplicativo móvel PrestaShop, a pesquisa de produtos será feita de duas formas: A opção de pesquisa pode ser encontrada no layout da barra de guias inferior do aplicativo móvel PrestaShop.
�> Com Texto:Os usuários do seu aplicativo podem pesquisar os produtos desejados apenas digitando algumas palavras-chave relacionadas. O PrestaShop Mobile App mostrará resultados relevantes para essa palavra-chave.
4. Bolsa Wishlist:
A sacola da lista de desejos é exibida no cabeçalho superior do aplicativo móvel PrestaShop, contendo todos os produtos marcados. Os usuários do aplicativo podem salvar seus produtos desejados em uma sacola de lista de desejos para compras futuras.
5. Carrinho de Compras:
O carrinho de compras está disponível no canto superior direito da tela inicial do aplicativo. Os usuários podem conhecer os produtos adicionados ao carrinho diretamente a partir daí.
6 WhatsApp
No canto inferior direito da tela inicial, há uma opção de bate-papo vendedor-comprador ao vivo. Os compradores de aplicativos móveis podem enviar mensagens de forma fácil e direta a você com suas dúvidas e você pode resolvê-las instantaneamente.
Menu Acordeão 6.2 (barra de navegação)
Os aplicativos móveis PrestaShop para Android e iOS vêm com a categorização adequada de produtos e estão disponíveis no site. Os compradores móveis podem navegar facilmente por produtos de várias categorias. Todas as páginas do CMS também estão disponíveis no Menu Acordeão. Ele fornece as seguintes opções:
1. Minha conta
A tela Minha conta contém todas as informações do usuário, como detalhes pessoais, endereço(s) de envio e detalhes do pedido. Os compradores podem visualizar todas as informações relacionadas a eles e também podem atualizar detalhes pessoais e senhas de login.
2. Categorias
Essas categorias são as mesmas do seu site. Você pode mapeá-los adequadamente e oferecer uma categorização de 3 níveis aos usuários do aplicativo para uma navegação sem complicações.
3. Páginas CMS
Várias páginas do CMS, como Sobre nós, Fale conosco, Termos e condições, etc. Disponíveis em seu site são exibidas aqui. Você pode escolher o desejado no back-end do PrestaShop Mobile App Builder para ser exibido no aplicativo móvel.
4. Línguas)
A opção de idioma permite que seus usuários visualizem o aplicativo PrestaShop Mobile em seu idioma nativo. Todos os idiomas disponíveis são exibidos apenas nesta opção.
5. Moeda (s)
Todas as moedas disponíveis em seu site de comércio eletrônico também são exibidas no PrestaShop Mobile App. Os compradores podem visualizar e comprar o preço do produto na moeda desejada.
6. Entrar sair
Seus usuários podem facilmente fazer login/logout do PrestaShop Mobile App usando esta opção.
6.3 Category Screen:
Todas as subcategorias, categorias principais e outras categorias associadas estão disponíveis em seu aplicativo móvel PrestaShop. A tela de categoria é projetada de forma organizada em duas visualizações básicas: Grade e Lista. A imagem do produto, nome, preço e desconto são exibidos em todas as listagens com a opção de adicioná-los também à sacola da lista de desejos. Os aplicativos móveis com PrestaShop Mobile App Builder têm navegação em camadas que simplifica a pesquisa de produtos. As seguintes opções estão disponíveis nas telas de categorias:
1. Classificar:
Esta opção permite que os compradores selecionem a ordem desejada na qual o preço do produto da categoria deve ser classificado. Duas ordens de classificação estão disponíveis em seus aplicativos: Preço: baixo para alto e preço: alto para baixo.
2. Filtro:
A opção de filtrar produtos simplifica a pesquisa de produtos. Os usuários do aplicativo podem filtrar os produtos em seu aplicativo móvel PrestaShop com base em vários atributos como tamanho, cor, composições, condição, fabricante, preço, etc. Os usuários podem pesquisar seus produtos favoritos em minutos usando esses filtros.
Tela do produto 6.4:
A tela do produto do seu aplicativo móvel PrestaShop é simples e intrigante. Várias imagens do mesmo produto são exibidas junto com o nome e o preço. A disponibilidade do produto também é exibida como “Em estoque” ou “Fora de estoque” com base no status do estoque. Ele contém as seguintes outras opções:
1. Opções do produto:
Todas as opções relacionadas ao produto, como tamanho, cor, etc., são exibidas nesta tela. Essas opções de produto são as mesmas disponíveis no site.
2. Pequena descrição
Os usuários podem ler a breve descrição do seu produto para se decidirem rapidamente.
3. Informações e cuidados do produto
As informações completas do produto listadas no site são exibidas aqui. Os usuários do aplicativo podem obter detalhes completos do produto aqui.
4. Adicionar à lista de desejos:
Os usuários do aplicativo móvel podem marcar diretamente o produto apenas tocando em “Adicionar à lista de desejos” na parte inferior esquerda da tela do produto.
5. Adicionar ao carrinho:
Como o botão “Adicionar ao carrinho” adiciona o produto diretamente ao carrinho e os usuários podem prosseguir com a compra.
6. Compartilhamento Social de Produtos:
Há uma opção nesta tela para compartilhar seu produto em várias plataformas sociais, incluindo Bluetooth e e-mail. Os usuários do aplicativo podem compartilhar os produtos entre seus amigos/parentes em várias plataformas sociais e atrair usuários pesados para o seu aplicativo.
6.5 Tela da lista de desejos:
Seu Criador de aplicativo móvel PrestaShop teria uma sacola de lista de desejos, permitindo que os usuários marcassem produtos para compras futuras. Os usuários podem visualizar a lista de todos os produtos marcados aqui. Tem duas opções:
1. Adicionar ao carrinho:
Os usuários do aplicativo podem adicionar o produto marcado diretamente no carrinho de compras, escolhendo a opção Adicionar ao carrinho.
2. Remover da lista de desejos:
Os usuários podem até remover qualquer produto da lista de desejos, se não quiserem comprá-lo.
Tela de Login 6.6
O PrestaShop Mobile App Creator oferece várias opções de login com um toque e torna o processo de login/registro mais simples:
1. Entrar
Os usuários do aplicativo podem autenticar e acessar aplicativos usando credenciais de login de e-mail.
2. Inscrever-se
Todos os novos usuários do aplicativo podem se inscrever e criar sua conta na loja a partir do aplicativo móvel. O formulário de inscrição do PrestaShop Mobile App solicita apenas detalhes relevantes.
3. Faça login com o número de telefone
Seu aplicativo móvel vem com uma opção de login de número de telefone mais fácil e robusta que torna mais fácil para os usuários verificar o aplicativo OTP e login.
4. Faça login com uma impressão digital
Seus usuários também têm a opção de fazer login com autenticação de impressão digital. Isso permite que os usuários acessem aplicativos em segundos.
5. Entre com Facebook
Os usuários podem fazer login no aplicativo usando suas credenciais de conta do Facebook.
6. Faça login com o Google
Os usuários podem fazer login no aplicativo usando suas credenciais de conta do Google.
Tela do carrinho de compras 6.7:
A tela Carrinho de compras do aplicativo móvel PrestaShop exibirá todos os produtos no carrinho de compras. Os usuários do aplicativo podem visualizar o nome do produto, quantidade, preço total e custo de envio. Esta tela possui as seguintes opções:
Esta opção permite que os usuários obtenham descontos e ofertas inserindo cupons e vouchers válidos em execução em seu site.
2. Preço total do produto
Os usuários podem ver o custo total de sua sacola de compras aqui. Ele é atualizado automaticamente de acordo com qualquer atualização com a quantidade ou adição do produto.
3. Atualizar a quantidade do produto
Os usuários do aplicativo podem até mesmo atualizar a quantidade do produto com a opção “Atualizar Quantidade”.
4. Remova o produto
Os usuários do aplicativo podem simplesmente remover o produto do carrinho simplesmente tocando na opção “Remover”.
5. Continue para verificar
Os usuários do aplicativo móvel front-end podem prosseguir para as telas de checkout e pagamento apenas tocando na opção “Continue To Checkout”. Isso os redirecionará na tela de checkout.
6.8 Processo de Check-out
O Construtor de aplicativos móveis Prestashop consiste em um processo de checkout simplificado. Os usuários do aplicativo móvel front-end têm a opção de selecionar os detalhes de envio, detalhes de cobrança, números de pedido, comentários do pedido e assim por diante no processo de checkout do aplicativo móvel.
Os usuários dos aplicativos Android e iOS precisam apenas seguir algumas etapas simples para fazer seus pedidos. 1. O cliente pode selecionar o produto desejado e adicioná-lo ao carrinho de compras. Após clicar na sacola de compras, ele também pode selecionar a quantidade de produto desejada. Além disso, os usuários do aplicativo móvel front-end podem ver o número total de produtos e custos de envio. O cliente também tem a opção de aplicar qualquer voucher e código de cupom na parte inferior da mesma página. 2. Após clicar na opção Continuar para Checkout, o usuário poderá revisar o pedido onde poderá visualizar diversos detalhes. Como preço do produto, custo de envio, endereço de entrega (pode ser editado na mesma página), resumo do pedido (número de produtos), preço total e assim por diante. Além disso, o cliente tem a opção de selecionar o modo de envio de sua preferência na mesma página. O usuário também pode colocar sua solicitação ou requisito especial na opção de comentário do pedido que aparece na parte inferior da tela.
- O usuário será redirecionado para a tela da forma de pagamento após clicar na opção continuar para finalizar a compra.
Nesta tela, os usuários têm a opção de selecionar todas as opções de pagamento do site. Por padrão, o aplicativo de compras consiste em uma opção de pagamento na entrega como forma de pagamento.
- Ao realizar a atividade de pagamento, o usuário será redirecionado para a tela de resumo do pedido. onde o cliente pode ver o status do pedido, número do pedido, valor e assim por diante. Os usuários do aplicativo móvel front-end também receberão a mensagem pop-up de confirmação do pedido nas telas de seus telefones celulares.
6.8 Minha conta tela
A tela Minha conta do aplicativo de comércio eletrônico Android / iOS permite que os usuários visualizem os detalhes completos da conta, incluindo uma lista de pedidos anteriores. A tela Minha conta oferece as seguintes opções:
Os usuários ficam sabendo sobre os detalhes completos do pedido que está sendo feito anteriormente. A data de envio do pedido, referência do pedido, preço e status de entrega são exibidos.
2. Atualizar perfil
Os usuários também podem atualizar seus detalhes de perfil pré-salvos, como nome ou sobrenome, número de telefone e senha.
3. Endereço de envio (s)
Os usuários do aplicativo podem ver a lista completa de endereços de envio salvos. Um novo endereço de entrega também pode ser adicionado a partir daqui.
4. detalhes do pedido
Os usuários do aplicativo podem ver a lista completa dos pedidos de aplicativos feitos anteriormente.
5. Recurso de nova encomenda
Há um produto direto para reordenar diretamente clicando no botão “Reordenar”. Todos os pedidos anteriores serão adicionados ao carrinho com apenas um toque em um único botão.
Tela 6.10 Order Detail
A tela de detalhes do pedido do PrestaShop eCommerce App fornece detalhes completos do pedido, como endereço de entrega, resumo do produto, método de envio e pagamento e resumo do custo total. Os usuários podem ainda acompanhar a entrega de pedidos feitos anteriormente diretamente desta tela.
7.0 Tutoriais em vídeo
8.0 Advanced PrestaShop Marketplace com aplicativo móvel
O Mercado PrestaShop da KnowBand converte o seu site online em um mercado completo. O PrestaShop Mobile App Builder é totalmente compatível com Extensão PrestaShop Marketplace. Isso significa que você pode trazer toda a listagem de mercado no mesmo PrestaShop Mobile Apps. Assim, lance um par de aplicativos móveis compatíveis com o Marketplace com KnowBand e atraia uma grande base de vendedores e clientes para sua loja. �> Ao clicar na opção Vendedor, o usuário é redirecionado para a página do Vendedor da loja mobile. O usuário pode visualizar a lista dos vendedores do mercado junto com suas avaliações. �> Os clientes podem clicar no nome do vendedor para ver seu perfil e o produto que está sendo oferecido. Os vendedores podem fazer login com seu nome de usuário e senha. Eles são então redirecionados para o painel. Conheça mais sobre�PrestaShop Marketplace com aplicativo móvel de aqui. Android & iOS Mobile App Builder para PrestaShop também está disponível no�Loja oficial de complementos PrestaShop
