Obtenha aplicativos Android e iOS totalmente nativos para o seu site da PrestaShop e comece a vender seus produtos em aplicativos móveis!
1.0 Introdução
Este é o guia do usuário da solução de aplicativo móvel nativo avançado PrestaShop Mobile App Builder. Este é um plugin de site de comércio eletrônico projetado e criado para construir aplicativos de compras Android e iOS perfeitos e com recursos 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 do site e funcionam perfeitamente em dispositivos Android e iPhone.
Os Nossos PrestaShop Mobile App Builder é a estrutura pré-configurada projetada por especialistas e profissionais para construir um par de aplicativos de comércio eletrônico nativos. Os aplicativos são capazes de colocar todos os produtos da sua loja nas pontas dos dedos do usuário e aumentar as vendas e receitas. Portanto, se você é um comerciante da loja PrestaShop e está procurando uma solução de aplicativo móvel completa, esta é sua melhor chance. Leia o artigo completo para obter informações totalmente intactas sobre o PrestaShop Mobile App Development.
Além disso, nossa extensão PrestaShop Mobile App Builder é totalmente compatível com Mercado de vários fornecedores plugar. Você pode trazer toda a listagem do marketplace nos mesmos aplicativos móveis. Oferecemos até um pacote combo 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 com PrestaShop Mobile App Maker poderiam completar você para gopara este aplicativo nativo solução:
- Solução no-code Mobile App .
- Painel de administrador amigávelcom acesso completo.
- 3 meses de suporte gratuito
- Soluções nativas totalmente (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 para chat de Zopim e WhatsApp (24 * 7)
- Login do Google e Facebook
- Login de OTP e impressão digital
- Suporte para tablet e celular
- Suporte para Android 4.2 a Android 8.0 (Oreo)
- Suporte iOS 9 a iOS 11
- 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
- Integração de método de pagamento personalizado
- Notificações push ilimitadas
- Opções de compartilhamento social do produto
- Múltiplas opções de filtragem e classificação
- Pesquisa por voz avançada (apenas Android)
- 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 online com um botão “Adicionar ao carrinho” embutido para produtos na tela inicial e categoria. Isso permite que os usuários adicionem produtos rapidamente ao carrinho, apenas tocando no botão do carrinho. O botão Adicionar ao carrinho também está disponível na tela de categorias de 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) Ligação profunda:
Os PrestaShop Mobile Apps possuem um recurso de deep linking integrado. Agora, ao compartilhar os links do site, eles serão redirecionados para o aplicativo em vez do navegador. Tudo é necessário que o aplicativo deve ser instalado no dispositivo móvel. O link compartilhado até mesmo enviará o usuário para a tela do aplicativo relevante.
e) 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.
f) Pesquisa por imagem:
O plugin PrestaShop Mobile App Builder agora é compatível com o PrestaShop Image Search. Agora, os usuários podem buscar produtos por meio de imagens. Basta fazer o upload da imagem do produto no aplicativo e pesquisar os produtos relevantes. Os usuários também podem visualizar “Produtos visualmente semelhantes” com base na imagem de pesquisa.
-> Explorar Pesquisa de imagens PrestaShop
g) Conformidade com o GDPR:
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
h) Compatibilidade Spin & Win (Gamified Email Subscription):
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. Saiba mais sobre os recursos em detalhes de aqui.
2.0 PrestaShop Mobile App Demo
A KnowBand compreende a sua preocupação com a sua incerteza em encontrar a solução e, para contê-la, oferece 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 trabalhando no aplicativo móvel e até mesmo sua loja trabalhando 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:
– Baixe e instale o Nautica PrestaShop Mobile App de qualquer App Stores em seu dispositivo móvel. Aqui estão os links para baixar aplicativos de demonstração:
– Abra o aplicativo e toque no botão “Exibir demonstração” na tela inicial. Insira alguns detalhes relevantes como nome, e-mail e URL da loja. É 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 pedido, etc.
Observação: Para acessar o painel de administração 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 própria loja nos aplicativos de demonstração? Bem, nós temos você coberto com tudo. Você também pode experimentar sua loja em nosso aplicativo de demonstração, sem nenhum custo. Apenas 3 passos são tudo que você precisa seguir para o mesmo:
– Baixe e instale PrestaShop Mobile App Builder GRATUITO plugin e instale em sua loja.
– Instale os aplicativos de demonstração (links na seção anterior) em seu dispositivo móvel. Abra o aplicativo e insira o URL da sua loja.
– Toque em “Exibir sua loja” e comece a experimentar sua própria loja em aplicativos de demonstração.
Observação: 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 comprar 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 PrestaShop Mobile Apps e encontrado o que estava procurando. Então, esta é a hora de obter um par nativo de aplicativos para sua loja. O processo de construção de um aplicativo móvel de comércio eletrônico é o mais simples possível. Basta seguir três etapas simples e seu aplicativo estará pronto em 3-1 dias úteis.
Etapa 1: instale o módulo em seu site
Faça o download do Prestashop Mobile App Builder e instale o mesmo em sua loja.
Etapa 2: compartilhe as especificações do seu aplicativo
Compartilhe os detalhes / requisitos do seu aplicativo em seu formulário de pré-requisitos.
Etapa 3: obtenha seus aplicativos em 1 a 2 dias
Nossos desenvolvedores qualificados e profissionais constroem seus aplicativos combinando exatamente com os detalhes compartilhados. Entraremos em contato com você com arquivos APK / IPA em 1 a 2 dias.
Observação: 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 tem algum problema? Diga-nos, nós publicaríamos os aplicativos para você. Além disso, para qualquer sugestão de consulta, por favor contacte-nos em support@knowband.com.
4.0 Instalação do Módulo
Depois de adquirir o módulo PrestaShop Mobile App Builder, você obterá os seguintes arquivos conforme listado abaixo: 1. Arquivo compactado em formato ZIP (contém o código-fonte do complemento) 2. Manual do Usuário Agora, você pode prosseguir processo de instalação 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
Depois que o PrestaShop Mobile App Maker for instalado com sucesso em seu site, é hora de configurar o painel de administração 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 restringi-los um por um.
Configurações gerais do 5.1
A guia Configurações gerais 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 com suas funções de torná-lo nos dispositivos.
a) Habilite o plug-in: Habilite 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 com jogo 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 para fins de marketing. Para que esta funcionalidade funcione, você precisa instalar o módulo Spin and Win da Knowband em seu site.
c) Redirecionar na página do carrinho quando adicionar ao carrinho: Esta 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 compra adicional.
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 o 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 de botão desejada para seu PrestaShop Mobile App.
g) Cor do tema do aplicativo: Escolha a cor do tema desejada para seu PrestaShop Mobile App.
h) Imagem para o logotipo: Faça upload da 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 PrestaShop Mobile App.
j) Páginas CMS Habilitadas: Escolha as páginas CMS desejadas a 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 sobre qualquer comportamento anormal do seu aplicativo.
l) Ativar o suporte ao chat ao vivo: Habilite a opção de bate-papo Zopim (Zendesk) em seus PrestaShop Mobile Apps. Para fazer a funcionalidade de bate-papo funcionar, uma chave de API de bate-papo seria necessária, a qual será fornecida a você junto com seu aplicativo.
m) Ative o Suporte de Chat do WhatsApp: Habilite a opção de bate-papo do WhatsApp em seus PrestaShop Mobile Apps. Os usuários podem contatá-lo diretamente no número do WhatsApp inserido no back-end.
n) Ativar / desativar o registro do número de telefone: Habilite a opção de login por número de telefone em seu PrestaShop Mobile App e deixe seus usuários autenticarem com verificação OTP.
o) Habilite a codificação de URL de links de imagem: Habilite 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 esta ferramenta de marketing útil para atrair a atenção imediata do usuário e impulsionar as vendas. Destacar suas promoções e ofertas diárias é apenas uma mensagem de distância com seu PrestaShop Mobile App. 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 esta configuração para a versão gratuita do módulo, pois seria configurada em seu aplicativo final com a versão paga do módulo.
b) Habilitar / Desabilitar Notificação de Criação de Pedido: Habilite / desabilite a notificação automática por push enviada aos usuários do aplicativo para a criação de pedido com sucesso.
-> Título e mensagem para notificação push: Insira o título e a mensagem da notificação push para a criação de pedido bem-sucedida.
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 da notificação push sempre que houver uma atualização no status de entrega do pedido anterior.
d) Ativar / desativar notificação de carrinho abandonado: Habilite / desabilite a notificação push automatizada enviada aos usuários que abandonaram o carrinho sem comprar com sucesso.
-> Título e mensagem para notificação push: Insira o título e a mensagem de 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 de acordo com sua escolha. Você pode configurar o título, a mensagem, a página de destino, a imagem etc. e a notificação de sua escolha, conforme mostrado no instantâneo abaixo:
a) Título da notificação push: O título da sua Notificação Push manual que deve ser enviada aos usuários do aplicativo.
b) Mensagem da Notificação Push: A mensagem de 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 os quais 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 visualiza a imagem de notificação e analisa como ela ficará nos aplicativos do usuário.
f) URL da imagem: O 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 a partir da 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 a mesma 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 site nos aplicativos Android e iOS. Além disso, traz opções de pagamento PayPal e COD e a flexibilidade de adicionar outros métodos de pagamento nativos também.
Você pode editar os seguintes parâmetros nos métodos de pagamento padrão (PayPal):
a) Nome da forma de pagamento: Edite o nome da forma de pagamento a ser exibido no aplicativo.
b) Selecione o modo: Selecione o ambiente de pagamento, ou seja, Sandbox ou Live. Essas configurações estão disponíveis apenas no caso de o administrador da loja desejar testar o método de pagamento antes de prosseguir.
c) ID do cliente: Este é usado no caso de pagamento do PayPal para identificar a conta do comerciante para a qual o pagamento deve ser feito durante a realização do pedido.
Layout da Página Inicial do 5.5
Esta é uma das funcionalidades mais incríveis do plugin 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 sua imagem e categorias / produtos de destino. O PrestaShop Mobile App Maker oferece no máximo 8 categorias, nas quais, no mínimo, 4 são obrigatórias.
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:
Esses são banners em forma de quadrado listados na tela inicial em 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:
A partir de banners, o PrestaShop Mobile App Creator oferece produtos para exibição na tela inicial na forma de listagem quadrada.
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 na tela inicial na forma de listas de 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 projetar o layout no painel de backend.
Layout da barra de guias 5.6
Personalize e mostre a barra de guias em seu PrestaShop Mobile App e permita que seus usuários alternem entre as telas facilmente. Você pode definir ícones e página inicial de itens da barra de guias do back-end do módulo. Adicione uma barra de guias em seu aplicativo e torne a navegação do produto mais fácil. Esta guia possui as seguintes opções:
a) Adicionar novo item da barra de guia: Você pode personalizar e adicionar um novo item da barra de guias em seu aplicativo móvel. A imagem do ícone e a página inicial do item podem ser definidas a partir desta opção.
b) Editar item da barra da guia: Qualquer item anterior da barra de guias também pode ser editado.
c) Habilitar: Ativar / desativar a barra de guias nos aplicativos móveis.
d) Cor de fundo da barra de guias: Escolha a cor de fundo desejada para a barra de guias.
e) Cor da tonalidade da barra da guia: Escolha a cor de matiz desejada para a barra de guias. Esta cor representa o ícone selecionado na barra de guias.
f) Cor do ícone desativado: Escolha a cor do ícone desativado na barra de guias.
5.7 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: Habilite esta guia para oferecer compatibilidade GDPR em várias telas de aplicativos.
b) Exibir GDPR em: Escolha as telas do aplicativo em que deseja ativar as opções de 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 de seu PrestaShop Mobile App ficará exatamente como você deseja. O PrestaShop Mobile App Maker oferece total flexibilidade para projetar e criar a tela inicial em suas mãos. Usando vários banners (Square, Grid, Sliding), produtos (Square, Grid, Sliding), banner com cronômetro de contagem regressiva, guia de produtos recentes no backend, 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 central esquerda do cabeçalho superior do seu aplicativo PrestaShop Mobile. O logotipo é totalmente configurável no backend do módulo e pode ser ativado / desativado, incluindo a alteração da 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 PrestaShop Mobile App, a pesquisa de produtos será feita em duas formas:
-> 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.
-> Com voz: Não há necessidade de digitar, seu PrestaShop Android App será integrado com a opção de pesquisa por voz avançada. Os usuários podem apenas pesquisar os produtos falando palavras-chave relevantes.
4. Bolsa Wishlist:
A sacola da lista de desejos é exibida no cabeçalho superior de seu PrestaShop Mobile App contendo todos os produtos marcados. Os usuários do aplicativo podem salvar seus produtos desejados na bolsa da lista de desejos para compra futura.
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 em seus carrinhos a partir daí.
6. WhatsApp / Zendesk Chat:
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 PrestaShop Mobile Apps para Android e iOS apresentam a categorização adequada dos produtos, conforme disponíveis no site. Os compradores móveis podem navegar facilmente por produtos de várias categorias. Todas as páginas CMS também estão disponíveis no menu Accordion. Ele oferece 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 entrega e detalhes do pedido. Existe ainda a opção de o usuário registrar sua impressão digital. Os compradores podem visualizar todas as informações relacionadas a eles e também podem atualizar dados pessoais e senha de login.
2. Categorias
Essas categorias são as mesmas do seu site. Você pode mapeá-los de acordo e oferecer uma categorização de 3 níveis aos usuários do seu aplicativo para uma navegação descomplicada.
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 back-end do PrestaShop Mobile App Builder desejado 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 somente 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 no 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 PrestaShop Mobile App. A tela de categorias é projetada em duas partes sem confusão visualizações básicas: Grade e lista. A imagem do produto, o nome, o preço e o desconto são exibidos em todas as listas com a opção de adicioná-los na bolsa da lista de desejos. Os aplicativos móveis com PrestaShop Mobile App Builder têm navegação em camadas, o que torna a pesquisa de produtos mais simples. As seguintes opções estão disponíveis nas telas de categoria:
1. Classificar:
Esta opção permite que os compradores selecionem a ordem desejada na qual os preços dos produtos da categoria devem ser classificados. Duas ordens de classificação estão disponíveis em seus aplicativos: Preço: do menor para o maior e Preço: do maior para o menor.
2. Filtro:
A opção de filtrar produtos simplifica a pesquisa de produtos. Os usuários do aplicativo podem filtrar os produtos em seu PrestaShop Mobile App com base em vários atributos como tamanho, cor, composições, condição, fabricante, preço, etc. Os usuários podem pesquisar seu produto favorito em minutos usando esses filtros.
Tela do produto 6.4:
A tela do produto do seu PrestaShop Mobile App é 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 tomar uma decisão rápida.
3. Informações e cuidados do produto
As informações completas do produto, conforme listado 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:
Com o nome “Adicionar ao carrinho”, o botão adiciona o produto diretamente no 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, 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 PrestaShop Mobile App Creator teria um saco de lista de desejos que permite aos usuários marcar produtos para compra futura. Os usuários podem visualizar a lista de todos os produtos marcados aqui. Possui 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 pede 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, o que torna mais fácil para os usuários verificar o aplicativo OTP e login.
4. Login com 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 o 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 de seu PrestaShop Mobile App exibirá todos os produtos adicionados ao 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:
1. Aplicar Voucher
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 comprando
Os usuários do aplicativo podem sair do carrinho para procurar mais produtos em seu aplicativo. Os compradores de aplicativos móveis serão redirecionados para a tela inicial ao tocar na opção Continuar comprando.
6. 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 tela de check-out
Os aplicativos móveis com PrestaShop Mobile App Maker têm uma verificação simplificada em uma única tela com apenas informações relevantes. Os usuários podem visualizar detalhes completos de checkout, como detalhes de envio, detalhes de faturamento, resumo do pedido, comentário do pedido, pagamento resumo.
1. endereço de entrega
Esta tela fornece detalhes dos endereços de entrega salvos pelo usuário. Se necessário, o usuário também pode editar / salvar o novo endereço de entrega. O custo total do seu produto será atualizado de acordo com o método de envio escolhido.
2. Detalhes de cobrança
Esta opção permite que os usuários insiram detalhes de faturamento para sua compra. Eles também podem escolher o endereço de entrega igual ao endereço de cobrança. O endereço de cobrança pré-salvo também pode ser editado.
3. resumo do pedido
Os usuários do aplicativo podem visualizar os detalhes do produto comprado nesta seção antes de fazer a compra final.
4. Métodos de Envio
Todos os métodos de envio disponíveis são exibidos nesta seção da tela de checkout. Os usuários podem escolher o desejado aqui.
5. Comentário de encomenda
Os usuários do aplicativo também podem adicionar qualquer comentário relacionado ao seu pedido, que ficará visível na página da web do pedido no backend.
6. Resumo do pagamento
Esta seção exibe o detalhamento completo dos detalhes de pagamento total.
7. Prossiga para o pagamento
Os usuários do aplicativo serão redirecionados para a tela Pagamento após tocar no botão “Continuar para o pagamento”.
6.9 Payment Screen:
A tela de pagamento em seu PrestaShop O aplicativo móvel exibe tanto a visualização da web nativa quanto os métodos de pagamento do aplicativo. O PrestaShop Mobile App Maker oferece suporte a todos os tipos de opções de pagamento de site no aplicativo. Além disso, os métodos de pagamento PayPal e COD são fornecidos nos aplicativos Android e iOS. Além disso, várias outras opções de pagamento nativas como PayU, Apple Pay, Amazon Pay, Braintree, Stripe, etc. também podem ser integradas ao aplicativo se você solicitar.
6.10 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:
1. Histórico de Pedidos

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 entrega salvos. Novo endereço de envio 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 pedido direto do produto clicando no botão “Novo pedido”. Todo o pedido anterior será adicionado ao carrinho com apenas um toque em um único botão.
Tela 6.11 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 do marketplace nos mesmos PrestaShop Mobile Apps. Assim, lance um par de aplicativos móveis compatíveis com Marketplace com KnowBand e atraia uma grande base de vendedores e clientes para sua loja. > Conforme o usuário clica na opção Vendedor, ele é redirecionado para a página Vendedor da loja móvel. O usuário pode visualizar a lista dos vendedores do mercado junto com sua classificação. > O cliente pode clicar no nome do vendedor para visualizar 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. Saiba 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.