Tag: Criador de aplicativos Android

WooCommerce Mobile App Builder – Manual do usuário

Obtenha aplicativos Flutter completos para Android e iOS para seu site WooCommerce e comece a vender seus produtos em aplicativos móveis!

1.0 Introdução

WooCommerce Mobile App Builder

Este é o manual do usuário para a solução de aplicativo móvel Flutter de ponta e pronta para uso do WooCommerce Mobile App Builder. Este plugin de site de comércio eletrônico foi criado e habilmente elaborado para ajudar você a criar aplicativos de compras Android e iOS impecáveis ​​e ricos em recursos.

1.1 Introdução ao WooCommerce Mobile App Builder

A maneira mais sofisticada e automatizada de expandir seu negócio online para plataformas móveis é com o WooCommerce Mobile App Builder. Ele transforma todo o seu site em um aplicativo móvel com recursos e permite que você venda produtos em dispositivos móveis, além do site tradicional. Os recursos e a operação do aplicativo refletem perfeitamente os do site e são compatíveis com dispositivos Android e iPhone. A estrutura pré-configurada usada pelo nosso WooCommerce Mobile App Builder foi criada por especialistas e profissionais para criar dois aplicativos Flutter eCommerce (Android e iOS). Os aplicativos podem levar todos os itens da sua loja ao alcance do usuário e aumentar as vendas e a receita. Portanto, esta é sua melhor oportunidade se você for um comerciante da loja WooCommerce em busca de uma solução completa de aplicativo móvel. Para obter informações completas sobre o desenvolvimento de aplicativos móveis WooCommerce, leia o artigo na íntegra. Além disso, o plug-in Multi-vendor Marketplace é totalmente compatível com nossa extensão WooCommerce Mobile App Builder. Os mesmos aplicativos móveis podem ser usados ​​para acessar toda a listagem do mercado. Melhor ainda, oferecemos um pacote que inclui o WooCommerce Advanced Marketplace With Mobile App e o WooCommerce Multi-Vendor Marketplace. Além disso, você ficaria convencido a escolher esta solução de aplicativo Flutter se considerasse as seguintes vantagens do WooCommerce Mobile App Maker:

  1. Uma solução de aplicativo móvel sem codificação.
  2. Um painel administrativo acolhedor com acesso total.
  3. Assistência gratuita por três meses
  4. Soluções completas para Flutter (Android e iOS)
  5. Sincronização de seus aplicativos e site em todos os momentos
  6. Extremamente flexível em termos de design e operação.
  7. Utiliza ferramentas práticas de marketing para aumentar o engajamento do usuário.
  8. Aumenta a receita e o tráfego da sua loja.

Principais qualidades do criador de aplicativos móveis WooCommerce:

A seguir está uma lista de alguns dos principais recursos que seus aplicativos com o WooCommerce Mobile App Builder incluirão:

  • O layout da tela inicial pode ser alterado (flexibilidade completa)
  • Identidades da Loja
  • (24/7) Suporte por chat do WhatsApp
  • Login OTP e impressão digital para tablets e smartphones com Google e Facebook
  • Suporte ao iOS 9 e versões posteriores do iOS, bem como ao Android 4.2 e versões superiores.
  • atualizações automáticas de inventário.
  • Várias opções de fontes e cores
  • bilíngue e RTL (da direita para a esquerda)
  • Suporte a todos os tipos de produtos
  • Suporte multimoeda
  • Método de envio do site de suporte suportado em aplicativos
  • Método de pagamento do site de suporte
  • Notificações Push por tempo indeterminado
  • Opções para compartilhamento social de produtos
  • Várias opções para classificação e filtragem
  • Funcionalidade da lista de desejos
  • Cupons ou vouchers de internet apoiados por aplicativos.
  • Tela de checkout com menos detalhes
  • Monitoramento de pedidos ao vivo
  • Menu de acordeão ininterrupto
  • Tela de categoria e produto bem definida

Últimas atualizações de versão em aplicativos móveis WooCommerce:

Com um botão “Adicionar ao carrinho” integrado para produtos na tela Home & Category, o WooCommerce Mobile App se tornou mais utilizável para compradores online. Ao simplesmente tocar no botão do carrinho, os usuários podem adicionar produtos rapidamente ao carrinho. A tela de categoria dos aplicativos móveis também apresenta um botão Adicionar ao carrinho. Os usuários só precisam rolar até o final da página para navegar pelos produtos e continuar adicionando itens ao carrinho de compras tocando no botão Adicionar ao carrinho.

A) Avaliações de aplicativos para produtos

Nosso aplicativo móvel WooCommerce é atualmente compatível com o módulo Product Comments integrado do WooCommerce. O usuário agora pode postar avaliações de produtos no site, e essas avaliações também aparecerão no aplicativo. O usuário tem acesso para ler e escrever avaliações no aplicativo.

b) Produtos relacionados à App Store

O módulo Automatic Related Products agora é compatível com o WooCommerce Mobile App Builder. Na página do produto do site e do aplicativo móvel, produtos relacionados podem ser exibidos. Essa compatibilidade pode ser uma ferramenta maravilhosa para sua empresa aumentar o cross-selling.

C) Links profundos: Um recurso de link profundo é incorporado ao Aplicativo móvel WooCommerce. Agora, quando um link é compartilhado, o usuário será levado ao aplicativo em vez do site. Instalar o aplicativo no dispositivo móvel é o único requisito. O usuário será até mesmo direcionado para a tela do aplicativo apropriado pelo link compartilhado.

D) Acessibilidade no Modo Offline: Com esta extensão, os aplicativos móveis de eCommerce agora funcionarão mesmo quando não houver conexão com a internet. Os usuários podem navegar a qualquer momento nas páginas que foram carregadas enquanto a internet estava ativa. Produtos, categorias, a tela do carrinho, etc.

–> Explorar Módulo WooCommerce GDPR

E) Compatibilidade do Spin & Win (Assinatura de e-mail gamificada):

A extensão WooCommerce Spin & Win também é compatível com o WooCommerce Mobile App Creator. Na loja virtual, um pop-up interativo de roda giratória que pode ser programado para exibição de entrada ou saída é fornecido pelo pop-up de assinatura de e-mail gamificado. O mesmo pop-up agora será exibido automaticamente nos aplicativos graças a essa integração. A extensão só precisa ser instalada no seu site.

F) Elementos do banner de vídeo: O WooCommerce Mobile App Builder da Knowband agora suporta banners de vídeo na página inicial. Os administradores da loja podem carregar vídeos diretamente ou incorporar vídeos do YouTube, tornando a página inicial mais atraente visualmente e melhorando a experiência do usuário.

G) Visualização em lista/grade: O WooCommerce 2 Native Mobile App Builder da Knowband para Android e iOS permite que os usuários do aplicativo alternem facilmente entre as visualizações de lista e grade enquanto navegam pelos produtos. Esse recurso melhora a experiência de compra ao fornecer uma maneira flexível e atraente de explorar produtos. Os usuários podem alternar entre as visualizações usando o botão de lista/grade nas páginas de listagem de produtos.

H) Controles deslizantes de banner automatizados: O mais recente Knowband Magento 2 Mobile App Builder inclui um recurso de controle deslizante de banner automatizado. Os administradores da loja podem facilmente definir o intervalo de deslizamento no backend do módulo. Isso é especialmente útil para “Banner Horizontal Sliders” na página inicial, permitindo que os administradores adicionem banners de vídeo e imagem para uma exibição mais dinâmica e envolvente.

I) Seção de revisão aprimorada: O aplicativo móvel Knowband apresenta uma seção de revisão aprimorada. As revisões aprovadas são exibidas com uma interface de usuário melhor, oferecendo uma experiência visualmente mais atraente e perfeita para usuários de Android e iOS. –> Investigue o Módulo WooCommerce Spin Win

Esta não é a lista final. Saiba mais sobre os recursos em profundidade em esta página.

2.0 Demonstração do aplicativo móvel WooCommerce

A KnowBand está ciente de sua hesitação em usar a solução e forneceu a todos os proprietários de lojas de comércio eletrônico uma demonstração gratuita para aliviar suas preocupações. Os comerciantes podem ver suas lojas operando em nossos aplicativos de demonstração, bem como nossa loja de demonstração operando em dispositivos móveis.

2.1 Confira nossa loja de demonstração para aplicativos

Quer ver os recursos do aplicativo de comércio eletrônico? Para que você explore o aplicativo e veja todos os seus recursos, integramos nossa loja de demonstração a ele. Basta seguir as diretrizes abaixo: Etapa 1: seu dispositivo móvel pode ser usado para baixar e instalar o aplicativo móvel Nautica WooCommerce. A seguir estão os links para baixar versões de teste dos seguintes aplicativos: Apple App Store – https://testflight.apple.com/join/mrvIRLfw

Loja Google Play- https://play.google.com/store/apps/details?id=com.velsof.woocommercegenericapp

Em segundo lugar, clique no botão de visualização de demonstração após iniciar o aplicativo Nautica WooCommerce. Terminei agora! No aplicativo de demonstração, você verá nossa loja de demonstração operando. Você pode navegar, testar todos os recursos, fazer pedidos, etc. Observação: Clique aqui para acessar o Painel de Administração do KnowBand Mobile App Builder em nossa loja de demonstração.

2.2 Observe sua loja operar com aplicativos de demonstração

Não está satisfeito? Deseja testar os aplicativos de demonstração em sua loja? Mas nós temos tudo coberto para você. Em nosso aplicativo de demonstração, você também pode experimentar sua loja, e sem custo algum. Você só precisa seguir estas 3 etapas para obter os mesmos resultados:

  • Instale o Criador de aplicativos móveis WooCommerce GRÁTIS plugin na sua loja como primeiro passo.
  • Instale os Demo Apps no seu dispositivo móvel na etapa 2 (os links estão na seção anterior). Abra o aplicativo e digite a URL da loja.
  • Clique em “Visualizar sua loja” para começar a usar aplicativos de demonstração para explorar sua loja.
  • Digite o URL da sua loja na caixa que aparece.

Por exemplo, veja https://www.example.com/ Nota: Nenhum arquivo APK ou IPA será fornecido com este módulo; esta versão gratuita do Mobile App Builder é apenas para fins de demonstração. Você deve comprar a versão paga do WooCommerce Mobile App Builder para obter seus próprios arquivos APK/IPA.

3.0 Crie um aplicativo WooCommerce móvel em 3 etapas fáceis

Esperamos que você tenha gostado da demonstração do WooCommerce Mobile Apps e tenha descoberto o que estava procurando. Então, agora é o momento perfeito para adicionar um par de aplicativos Flutter à sua loja. Um aplicativo móvel de comércio eletrônico pode ser criado da maneira mais direta possível. Seu aplicativo estará pronto em apenas 3 etapas fáceis e 1-2 dias úteis.

Primeiro nome, adicione o módulo ao seu site. Instale o WooCommerce Mobile App Builder na sua loja após baixá-lo.

Passo 2: Compartilhe os detalhes do seu aplicativo Use nosso formulário de pré-requisitos para compartilhar as especificações do seu aplicativo.

Passo 3: Em 1-2 dias, receba seus aplicativos Nossos desenvolvedores experientes e bem informados criam seus aplicativos precisamente de acordo com os detalhes compartilhados. Em 1-2 dias, responderemos com arquivos APK/IPA. Observação: esses arquivos APK/IPA podem ser publicados nas lojas de aplicativos apropriadas. Ainda tem algum problema? Conte para nós e nós o ajudaremos a publicar os aplicativos. Além disso, você pode entrar em contato conosco pelo e-mail support@knowband.com se tiver alguma dúvida ou sugestão.

4. Instalação do módulo

Você receberá os arquivos listados abaixo após adquirir o módulo WooCommerce Mobile App Builder: 1. Arquivo compactado em formato ZIP (contém o código-fonte do complemento) 2. Guia do usuário

Agora você pode continuar o processo de instalação de uma das duas maneiras listadas abaixo:

Detalhes da instalação do módulo via FTP Instalando um módulo usando detalhes do administrador

5.0 Telas para o painel de administração

É hora de configurar o Painel de Administração do WooCommerce Mobile App Creator após ele ter sido instalado com sucesso em seu site. Você verá a seguinte aba com interfaces amigáveis ​​ao usuário assim que selecionar a opção “Configurar” no KnowBand Mobile App Builder. Vamos eliminar cada um individualmente.

5.1 Configurações gerais:

As configurações necessárias para que os dispositivos dos usuários executem seu aplicativo móvel são todas cobertas na aba General Setting. Esta aba tem todas as opções generalizadas necessárias para sincronizar o aplicativo.

A) Habilitar plug-in: Para tornar seu aplicativo móvel funcional nos dispositivos dos usuários, habilite o plugin WooCommerce Mobile App Creator. B) Ative o Gire e Ganhe: Quando qualquer usuário abrir o aplicativo, habilite a exibição de um pop-up de roda giratória gamificada na tela inicial. Ele pode ser usado para fornecer descontos e ofertas em troca de seus endereços de e-mail, que são então usados ​​para marketing. O módulo Spin and Win da Knowband deve ser instalado em seu site para que essa funcionalidade funcione. O módulo Spin and Win só funcionará se o plugin tiver sido instalado em sua loja. C) Redirecionar na página do carrinho ao adicionar ao carrinho: Este recurso permite que você gerencie a navegação do botão “Adicionar ao carrinho”. Quando um usuário toca no botão Adicionar ao carrinho, você tem a opção de enviá-lo para o carrinho de compras ou mantê-lo na página do produto. Isso aumenta a probabilidade de fazer compras adicionais. D) Exibir breve descrição: Permita que a breve descrição do produto apareça na tela do produto junto com a descrição completa e outras informações.

E) Escolha o layout: Escolha o Layout da Página Inicial que você deseja para seu aplicativo WooCommerce. De acordo com diferentes feriados e temas, você pode criar uma variedade de layouts de tela inicial no backend e usá-los conforme necessário para sua loja. Escolha a cor de botão preferida para seu aplicativo móvel WooCommerce na Opção F) Cor do tema do aplicativo: Escolha a cor do tema preferida do seu aplicativo móvel WooCommerce. G) Imagem do logotipo: Coloque o logotipo da sua loja no cabeçalho superior do aplicativo, enviando-o. Isso ajudou sua marca a ganhar reconhecimento entre os clientes móveis globais. H) Métodos de envio desabilitados: Selecione as opções de envio que você deseja ocultar do aplicativo móvel WooCommerce. I) Páginas CMS habilitadas: Selecione as páginas do CMS que você deseja que apareçam nos aplicativos móveis. J) Habilitar relatórios de log de solicitação: Habilite o recurso de log em aplicativos móveis para saber mais sobre qualquer comportamento incomum exibido pelo seu aplicativo. K) Habilitar suporte de bate-papo do WhatsApp: Em seus aplicativos móveis WooCommerce, habilite a opção de bate-papo do WhatsApp. Seu número do WhatsApp inserido no backend pode ser usado pelos usuários para entrar em contato com você diretamente. L) Habilitar/desabilitar registro de número de telefone: No seu aplicativo móvel WooCommerce, habilite a opção de login por número de telefone e habilite a autenticação OTP para seus usuários. M) Habilitar codificação de URL para links de imagem: Ative esse recurso para permitir que o aplicativo suporte caracteres diferentes de ASCII.

N) Mostrar botão Adicionar ao carrinho no bloco de produtos: O administrador pode mostrar/ocultar o botão “adicionar ao carrinho” para as páginas de listagem de produtos com a ajuda deste botão.

O) Habilitar recurso de lista de notificações: O botão permite que o administrador habilite os recursos de listagem de notificações para os usuários do aplicativo. Se essa opção estiver desabilitada, a aba de notificações não aparecerá no aplicativo.

P) Habilitar pop-up de login: O administrador pode habilitar ou desabilitar o pop-up de login/inscrição para novos clientes com esta opção.

5.2 Configurações para notificações push

Os Serviços Primários do Google para Notificação por Push para Dispositivos Móveis são usados ​​pelo WooCommerce Mobile App Creator para Android e iOS para aproveitar o poder das notificações por push. Ele fornece esta ferramenta de marketing prática para aumentar as vendas, chamando a atenção dos usuários imediatamente. Com a ajuda do seu WooCommerce Mobile App, você pode destacar facilmente suas ofertas e promoções atuais. O WooCommerce Mobile App Maker oferece notificações automatizadas e personalizadas.

A) Conta de serviço JSON: Com a descontinuação da API de mensagens push tradicional do Firebase, ela foi substituída por um arquivo JSON da conta de serviço. Nesta seção, os administradores podem configurar o arquivo JSON a partir de sua conta do Firebase. Você pode configurá-lo sozinho ou podemos fornecer o arquivo JSON da conta de serviço durante o processo de criação do aplicativo para sua conveniência. B) Habilitar/Desabilitar Notificação de Criação de Pedido: Habilitar/Desabilitar Notificação Push automatizada enviada aos usuários do aplicativo após a criação bem-sucedida do pedido. –> Título e mensagem para notificação push: Para criar um pedido com sucesso, insira o título e a mensagem na configuração de notificação push. C) Notificação de alteração do status do pedido: Os usuários do aplicativo podem escolher se desejam receber notificações push automatizadas quando o status de entrega de um pedido anterior mudar. -> Título e mensagem para notificação push: insira o título e a mensagem sempre que o status de entrega de um pedido anterior for atualizado na configuração de notificação push. D) Habilitar/Desabilitar Notificação de Carrinho Abandonado: Habilitar/Desabilitar notificações push automatizadas que são enviadas para usuários cujos carrinhos foram abandonados, mas nenhuma compra bem-sucedida foi feita. Insira o título e a mensagem para a notificação push enviada para usuários do aplicativo que abandonaram seus carrinhos. E) Intervalo de tempo: O período de tempo (em horas) entre o qual os usuários do aplicativo que abandonaram seus carrinhos sem fazer uma compra receberão notificações push.

5.3 Histórico das notificações push

Esta aba inclui um histórico de cada tipo de notificação push que foi enviada a um usuário com informações relevantes. O varejista tem acesso a todas as notificações enviadas anteriormente. Além disso, uma notificação personalizada criada no backend pode ser enviada aos usuários usando esta aba. Por meio de notificações enviadas manualmente, você pode facilmente informar os clientes sobre quaisquer informações ou descontos pertinentes à loja.

Enviar notificação: Você pode escolher enviar manualmente uma notificação para usuários do aplicativo usando esta opção. De acordo com a captura de tela abaixo, você pode personalizar o título da notificação, mensagem, landing page, imagem, etc.

a) Título da notificação push: Este é o nome da notificação push manual que você enviará aos usuários do aplicativo. b) Mensagem de notificação push: O texto da sua notificação manual que precisa ser enviado aos usuários do aplicativo. c) Tipo de Dispositivo: Você pode especificar quais usuários no Android, iOS ou ambas as plataformas você deseja que recebam sua notificação push manual. d) Tipo de imagem: Você pode carregar o banner ou a imagem que deseja usar para dar suporte à sua notificação. A imagem do banner pode ser usada diretamente por meio de uma URL ou carregada. e) Imagem de notificação: O administrador da loja tem a oportunidade de visualizar a imagem de notificação e avaliar como ela aparecerá nos aplicativos dos usuários. A URL real da imagem de notificação que será enviada aos usuários do aplicativo está listada no item f. f) Atividade de redirecionamento: Aqui, você pode selecionar na Tela inicial, Qualquer categoria ou Qualquer produto para redirecionar sua notificação. Seus usuários serão direcionados para o que você especificar quando tocarem na notificação push. g) Escolha a categoria/produto: Para sua notificação, você pode selecionar qualquer tela de categoria/produto relevante. h) Enviar notificação: Depois de criar e visualizar sua notificação, é hora de enviá-la para seus aplicativos.

5.4 Procedimentos de Pagamento

Todos os tipos de métodos de pagamento de site são suportados pelo WooCommerce Mobile App Creator para aplicativos Android e iOS. Ele também inclui a opção de pagamentos COD e a flexibilidade para incluir métodos de pagamento adicionais Web-View. Em nosso aplicativo móvel, a única opção de pagamento disponível é dinheiro na entrega por padrão. Desabilite o método COD do back-end do módulo, no entanto, se você quiser adicionar os mesmos métodos de pagamento da sua loja WooCommerce. Todas as opções de pagamento que estão disponíveis no seu site funcionarão conforme o esperado em seus aplicativos móveis após o método COD ser desabilitado.

5.5.1 Design da página inicial

A capacidade do plugin WooCommerce Mobile App Builder de projetar e criar vários layouts de tela inicial usando diferentes atributos e elementos de design é um dos seus recursos mais incríveis. Como pode ser visto na captura de tela abaixo, esta aba contém uma lista de layouts de tela inicial que foram previamente configurados usando diferentes temas e fontes:

Os seguintes elementos estão disponíveis no back-end para configurar os layouts da página inicial:

  • Categorias principais
  • Faixa quadrada
  • Banner deslizante horizontal
  • Banners de grade
  • Banner de contagem regressiva
  • Produtos de grade
  • Produtos deslizantes horizontais
  • Produtos acessados ​​recentemente
  • Adicione vídeos do YouTube/carregue vídeos no layout da página inicial.
  • Pop-up de login/cadastro para usuários não logados.
  • Adicione banners personalizados com dimensões personalizadas.

Qualquer um desses atributos pode ser configurado pelo comerciante da loja e usado para criar e salvar vários layouts. Esses layouts podem ser utilizados com base no tema e nas especificações. Além disso, usando apenas uma funcionalidade de arrastar e soltar, as posições de diferentes elementos podem ser alteradas.

Categorias principais:

As principais categorias podem ser configuradas, incluindo suas categorias de imagem e landing ou produtos, e são mostradas como pequenos quadrados na tela inicial. O máximo de categorias disponíveis por meio do WooCommerce Mobile App Maker é 8, com um mínimo de 4 necessárias.

Faixa quadrada:

As principais categorias podem ser configuradas, incluindo suas categorias de imagem e landing ou produtos, e são mostradas como pequenos quadrados na tela inicial. O máximo de categorias disponíveis por meio do WooCommerce Mobile App Maker é 8, com um mínimo de 4 necessárias. Nas atualizações recentes, também fornecemos a opção de exibir vídeos diferentes com a seção YouTube Video/Video Upload adicionada na seção “Select Image Type”.

Banner deslizante horizontal:

Essas portas deslizantes retangulares estão disponíveis e são totalmente personalizáveis ​​no backend. Assim como os quadrados de banner, o administrador também pode destacar os controles deslizantes de banner adicionando elementos de vídeo. Além disso, agora o administrador pode obter a opção de inserir o tempo que deseja definir para o deslizamento automatizado do banner.

Banners de grade:

Esses são banners em formato quadrado que são listados em um formato de grade na tela inicial. Na tela inicial, você pode colocar quantos banners quiser. Você também pode alterar a imagem da landing page conforme necessário.

Faixa do cronômetro de contagem regressiva:

Um cronômetro de contagem regressiva está disponível no banner fornecido pelo WooCommerce Mobile App Builder. Você pode escolher a landing page e a imagem do banner, bem como definir um cronômetro para quando você deseja exibir o banner. O banner desaparecerá automaticamente quando o cronômetro expirar.

Produtos Quadrados:

Em relação aos banners, o WooCommerce Mobile App Creator fornece produtos para serem exibidos como listagens quadradas na tela inicial.

Produtos deslizantes horizontais

Os produtos podem ser adicionados como sliders horizontais. Os produtos escolhidos podem estar em qualquer categoria específica ou podem ser destacados como Best Sellers, Featured Products, etc.

Produtos de grade:

Listagens de grade dos produtos também podem ser adicionadas à tela inicial. Qualquer categoria pode ser usada para selecionar os produtos.

Produtos vistos recentemente: O WooCommerce Mobile App Creator oferece o elemento de guia recente, que mostra os produtos mais recentes que o usuário visualizou. Para exibir o elemento na sua tela inicial, basta incluí-lo no seu layout.

Pop-up de inscrição: Capturar e-mails de visitantes é um grande desafio no comércio eletrônico. Para simplificar isso, a versão mais recente do Magento 2 Mobile App Builder inclui um recurso de pop-up de login/inscrição. Os administradores da loja podem adicionar um pop-up que aparece para clientes não logados, facilitando a coleta de e-mails ao oferecer opções simples de login e aumentando as chances de opt-ins de e-mail. Observação: ao projetar um layout no painel de backend, o administrador da loja pode adicionar até 20 elementos.

6.0 Telas para aplicativos móveis

Tela inicial do 6.1

A tela inicial do seu aplicativo móvel WooCommerce será exatamente como você quer que seja. Você tem controle criativo completo sobre como projetar e criar uma tela inicial com o WooCommerce Mobile App Maker. Você pode criar layouts de tela inicial amigáveis ​​ao usuário usando uma variedade de banners (quadrado, grade, deslizante), produtos (quadrado, grade, deslizante), banners de cronômetro de contagem regressiva e guias de produtos recentes no backend.

 

Além disso, o posicionamento de diferentes elementos de design pode ser alterado com base na situação. 1. Layouts dinâmicos: Você pode criar e salvar diferentes layouts no backend e reutilizá-los para diferentes eventos e festivais usando uma variedade de elementos. A tela inicial do seu aplicativo pode ser criada e personalizada dinamicamente. 2. Logotipo da marca: A seção central esquerda do cabeçalho superior do WooCommerce Mobile App exibe o logotipo da sua loja. O logotipo pode ser habilitado ou desabilitado, assim como ter sua imagem alterada, a partir do backend do módulo. 3. Pesquisar: O recurso de pesquisa permite que os usuários do aplicativo móvel encontrem o que estão procurando de forma rápida e fácil. O aplicativo móvel WooCommerce oferece duas maneiras de pesquisar produtos: No layout da barra de guias inferior do aplicativo móvel WooCommerce, há uma opção de pesquisa. –> Texto: Os usuários do seu aplicativo podem pesquisar os produtos desejados inserindo algumas palavras-chave relevantes. O aplicativo móvel WooCommerce exibirá resultados para essa palavra-chave que sejam pertinentes. 4. Sacola de desejos: A sacola da lista de desejos, que contém todos os produtos favoritos, fica visível no cabeçalho superior do seu WooCommerce Mobile App. Os usuários do aplicativo podem armazenar seus itens da lista de desejos em uma sacola para possíveis compras futuras. 5. Carrinho de compras: O carrinho de compras pode ser encontrado na tela inicial do aplicativo, no canto superior direito. Os usuários podem saber sobre os produtos adicionados ao carrinho diretamente de lá. 6. WhatsApp:

Uma opção de chat ao vivo entre vendedor e comprador pode ser encontrada no canto inferior direito da tela inicial. Os clientes que usam seu aplicativo móvel podem facilmente e diretamente enviar mensagens para você com quaisquer perguntas, e você pode respondê-las imediatamente.

6.2.1 Um menu de acordeão (barra de navegação)

No site, há WooCommerce Mobile Apps para Android e iOS que foram desenvolvidos com categorização precisa de produtos. Os compradores móveis podem navegar por uma variedade de produtos com facilidade. O Accordion Menu também está disponível para todas as páginas do CMS. Ele oferece as seguintes alternativas:

 

1. Minha conta

Todos os dados do usuário, incluindo detalhes pessoais, endereços de entrega e detalhes do pedido, podem ser encontrados na tela Minha Conta. Os clientes têm acesso a todas as suas informações e podem atualizar suas credenciais de login e informações pessoais. 2. Categorias

Essas categorias correspondem exatamente às do seu site. Para facilitar a navegação, você pode mapeá-las apropriadamente e fornecer uma categorização de 3 níveis para os usuários do aplicativo. 3. Páginas CMS

Aqui, uma variedade de páginas CMS do seu site, incluindo Sobre nós, Contate-nos, Termos e Condições, etc., são exibidas. No backend do WooCommerce Mobile App Builder, você pode selecionar aquela que deseja que seja exibida no aplicativo móvel. 4. Língua

Seus usuários podem visualizar o aplicativo WooCommerce Mobile em seu idioma nativo usando a opção de seleção de idioma. 5. Moeda(s)

O WooCommerce Mobile App também mostra todas as moedas oferecidas no seu site de e-commerce. Os clientes podem visualizar e comprar produtos pelo preço na moeda de sua escolha. 6. Entrar/Sair

Esta opção simplifica o login e logout dos seus usuários no aplicativo móvel WooCommerce.

6.3 Tela de Categoria:

Seu aplicativo móvel WooCommerce inclui todas as categorias associadas, categorias pai e subcategorias. A tela de categoria é criada com o mínimo de desordem em

1.Duas visões fundamentais: Grade e Lista. Em cada listagem, o nome do produto, imagem, preço e desconto são mostrados junto com um botão para adicioná-los à sua sacola de lista de desejos. A navegação em camadas em aplicativos móveis criados com o WooCommerce Mobile App Builder torna a localização de produtos muito mais fácil. As telas de categoria oferecem as seguintes opções:


2. Classificar:

Os clientes podem escolher a ordem preferida para classificar o preço do produto da categoria usando esta opção. Seus aplicativos têm duas opções de classificação: Preço: Baixo para Alto e Preço: Alto para Baixo.

3. Filtro:

Os usuários podem filtrar os produtos usando várias opções de seleção fornecidas na aba de filtro.

6.4 Tela do Produto:

A tela de produto do seu aplicativo móvel WooCommerce é direta e interessante. Junto com o nome e o preço, várias imagens do mesmo item são exibidas. Dependendo do status do inventário, a disponibilidade do produto também é indicada como “Em estoque” ou “Fora de estoque”. Inclui os próximos itens adicionais.

1. Opções

Opções de produto: Esta tela mostra todas as opções disponíveis para o produto, incluindo tamanho, cor e assim por diante. As escolhas de produto aqui correspondem às do site.

2. Breve Descrição

Os usuários podem decidir rapidamente após ler a breve descrição do seu produto.

3. Detalhes e cuidados do produto

Esta página exibe todas as informações do produto listadas no site. Usuários do aplicativo podem acessar esta página para obter informações detalhadas do produto.

4. Adicionar à lista de desejos: Ao tocar em “Adicionar à lista de desejos” na parte inferior esquerda da tela do produto, os usuários do aplicativo móvel podem marcar o produto diretamente.

5. Adicionar ao carrinho:Como o nome indica, clicar no botão “Adicionar ao carrinho” adiciona o produto diretamente ao carrinho de compras, permitindo que os usuários continuem com a transação.

6. Compartilhamento social do produto

Nesta tela, você tem a opção de compartilhar seu produto em várias redes sociais, incluindo Bluetooth e e-mail. Os usuários do aplicativo podem convidar muitos usuários para seu aplicativo compartilhando os produtos com seus amigos e familiares em várias plataformas de mídia social.

Tela de Login 6.6

O WooCommerce Mobile App Creator simplifica o processo de login/registro e oferece uma variedade de opções de login com um toque:

1. Entrar

Usando seus endereços de e-mail como credenciais de login, os usuários do aplicativo podem autenticar e acessar os aplicativos.

2. REGISTE-SE

O aplicativo móvel permite que todos os novos usuários do aplicativo se registrem e criem uma conta na loja. Apenas informações pertinentes são solicitadas no formulário de inscrição do WooCommerce Mobile App.

3. Use o número de telefone para fazer login

A opção de login por número de telefone mais fácil e confiável que seu aplicativo móvel oferece torna mais simples para os usuários fazerem login e verificarem seu OTP.

4. Use sua impressão digital para fazer login

Além disso, seus usuários têm a opção de usar autenticação por impressão digital para fazer login. Agora, os usuários podem acessar aplicativos rapidamente graças a isso.

5. Faça login com Facebook

Os usuários podem acessar o aplicativo fazendo login com suas credenciais do Facebook.

6. Faça login com o Google

Os usuários podem efetuar login no aplicativo usando sua Conta do Google rapidamente.

7. Tela do carrinho de compras:

Todos os itens no seu carrinho de compras são exibidos na tela do carrinho de compras do WooCommerce Mobile App. O nome do produto, a quantidade, o preço total e o custo de envio são todos visíveis para os usuários do aplicativo.

1.Use o Voucher

Ao inserir cupons e vouchers ativos no seu site, esta opção permite que os usuários recebam descontos e ofertas.

2. O custo total do produto

Os usuários podem acessar esta página para visualizar o custo total de sua sacola de compras. Ela é atualizada automaticamente sempre que há uma alteração na quantidade de um produto ou uma adição.

3. Revisão da quantidade do produto

Com a opção “Atualizar quantidade”, os usuários do aplicativo podem até alterar a quantidade do produto.

4. Remova o item

Os usuários do aplicativo podem remover facilmente um produto do carrinho selecionando “Remover” no menu.

6. Continue para finalizar a compra

Ao selecionar “Continue To Checkout”, os usuários do aplicativo móvel front-end podem continuar para as telas de checkout e pagamento. Na tela de checkout, eles receberão um redirecionamento.

6.8 Processo de Check-out

O processo de checkout no WooCommerce Mobile App Builder é simplificado. No processo de checkout do aplicativo móvel, os usuários front-end têm a opção de escolher os detalhes de envio, detalhes de cobrança, números de pedidos, comentários de pedidos e assim por diante.

Os pedidos podem ser feitos usando apenas algumas etapas fáceis nos aplicativos Android e iOS. 1. Os clientes podem escolher e adicionar o item desejado aos seus carrinhos de compras. Quando a sacola de compras é clicada, o usuário também pode escolher a quantidade desejada do produto. Os usuários do aplicativo front-end móvel também podem visualizar o número total de produtos e os custos de envio. Na parte inferior da mesma página, o cliente também pode escolher usar qualquer cupom ou código de cupom. 2. O usuário pode revisar o pedido e ver vários detalhes após selecionar a opção Continuar para o checkout, como o custo do produto, o custo do frete, o endereço de entrega (que pode ser alterado na mesma página), o resumo do pedido (o número de produtos), o custo total e assim por diante. Na mesma página, o cliente também pode escolher seu método de envio preferido. A opção de comentário do pedido que aparece na parte inferior da tela permite que o usuário também inclua quaisquer solicitações ou requisitos especiais.

3. Após selecionar a opção “continuar para finalizar a compra”, o usuário será levado para a tela que solicita seu método de pagamento.

Os usuários podem escolher entre todas as opções de pagamento do site nesta tela. O aplicativo de compras inclui uma opção de pagamento na entrega como forma padrão de pagamento. O usuário será levado para a tela de resumo do pedido após concluir a atividade de pagamento, onde o cliente pode visualizar o status, o custo e outras informações sobre seus pedidos. Os usuários dos aplicativos móveis front-end também receberão as mensagens pop-up de confirmação do pedido nas telas de seus celulares.

6.9 Tela Minha Conta

Usuários do aplicativo de eCommerce Android/iOS podem visualizar todas as informações da conta, incluindo um histórico de pedidos anteriores, na tela Minha Conta. As seguintes opções estão disponíveis na tela Minha Conta:

  1. Histórico de pedidos

Os usuários aprendem todos os detalhes do pedido feito anteriormente. A data em que o pedido foi enviado, o número do pedido, o preço e o status da entrega são todos visíveis na tela dos usuários.

2. Atualizar perfil:

Os usuários também podem atualizar suas informações de perfil salvas anteriormente, como nome ou sobrenome, número de telefone e senha.

3. Endereço(s) de entrega

Os usuários do aplicativo têm acesso à lista completa de endereços de entrega salvos. A partir daqui, você também pode adicionar um novo endereço de entrega.

4. Detalhes do pedido:

A lista completa de pedidos feitos anteriormente está disponível para os usuários do aplicativo.

5. Função de reordenação

Selecionando o botão “Reordenar”, você pode reordenar um produto diretamente. Pressionando um único botão, todos os pedidos anteriores serão adicionados ao carrinho.

6.10 Tela de Detalhes do Pedido

A tela de detalhes do pedido do WooCommerce eCommerce App mostra todos os aspectos do pedido, incluindo o endereço de entrega, um resumo dos produtos, as opções de envio e pagamento e o custo total. A partir desta tela, os usuários podem até mesmo acompanhar a entrega de pedidos feitos anteriormente.

7.0 Tutoriais em vídeo

Magento Mobile App Builder

1.0 Introdução

Um aplicativo móvel é definitivamente uma solução desse tipo que pode levar seu negócio de comércio eletrônico para lugares distantes. Com o apoio do Magento Mobile App

1.1 Salient Feature do Magento Mobile App Builder

O Magento Mobile App Builder vem com alguns dos principais recursos de venda: -> Layout de Tela Inicial personalizável (Flexibilidade Completa) -> Marca da Loja -> Suporte ao Chat Zopim e WhatsApp (24 * 7) -> Google e Facebook Entrar -> OTP e Fingerprint Login -> Suporte para tablet e dispositivos móveis -> Android 4.2 para Android 8.0 (Oreo) Suporte -> iOS 9 para iOS 11 Suporte -> Atualização automática de inventário -> Várias cores e fontes Opções -> Suporte multilíngue e RTL (da direita para a esquerda) -> Suporte a várias moedas -> Todos os tipos de produtos Suporte -> Método de pagamento do site suportado em aplicativos -> Método de envio do site suportado em aplicativos -> Integração com o método de pagamento personalizado -> Notificações por push ilimitadas -> Opções de compartilhamento social do produto -> Várias opções de filtragem e classificação -> Pesquisa avançada por voz (somente Android) -> Funcionalidade de lista de desejos -> Cupons / cupons do site aceitos no Google Apps . -> Tela simplificada de checkout -> Rastreamento de pedidos em tempo real

2.0 Magento Mobile App

A KnowBand oferece uma demonstração gratuita do Magento Mobile Apps para você antes de fazer a compra real. O administrador da loja pode experimentar os aplicativos em funcionamento nos seus dispositivos de teste.

2.1 Ver nossa loja de demonstração trabalhando em aplicativos

Nós criamos uma loja Demo gratuita apenas para testar as funcionalidades do Magento Mobile App. Instale o aplicativo no seu dispositivo e explore seu funcionamento impecável.

Etapa 1:Baixe e instale o Nautica Magento Mobile App no seu dispositivo móvel. Aqui estão os links para os aplicativos:
Loja de aplicativos da Apple
Google Play Store

– ?Once the apps are successfully installed, open & tap “View Demo” option on the splash screen. Start testing the apps working with ease.

Observação: ?You can access the admin panel of Magento Mobile App Builder from aqui.

2.2 Ver sua loja trabalhando em aplicativos de demonstração

Ainda não está convencido? Quer testar seu próprio site nos aplicativos de demonstração. Nós o cobrimos com isso também em apenas passos simples do 3:

– ?Download our Grátis Magento Mobile App Builder da KnowBand e instalar o mesmo em seu site.

– ?Install the demo Magento Apps on the testing devices & enter the store URL in View Your Store option.

– ?Tap “View Your Store” and start experiencing your own website on Magento Android & iOS Apps.

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 Magento Mobile App Builder.

Processo 3.0 para construir aplicativos móveis Magento

Satisfeito com nossos aplicativos de demonstração e quer um par para você? Crie aplicativos móveis Magento em apenas etapas simples 3:

Etapa 1: compre e instale o módulo em seu site.
Receba a versão paga doMagento Mobile App Builder da KnowBand e instalar o mesmo em seu site.

Etapa 2: compartilhe algumas especificações relacionadas ao aplicativo
Nós exigiríamos algumas especificações e requisitos relacionados ao aplicativo do seu lado. Para isso, enviamos um pré-requisito para você.

Etapa 3: Obtenha seus aplicativos para Android e iOS em 1-2 dias
Nossos desenvolvedores e equipe técnica desenvolverão os aplicativos e entrarão em contato com você em 1-2 dias.

notas:?You can publish these APK/IPA files on respective app stores. Refer following links for the same:

Como publicar aplicativos para Android na Google Play Store?
Como publicar o aplicativo iOS na Apple App Store?

Se houver algum problema durante a publicação do aplicativo nas respectivas lojas, faremos isso para você.

Telas do Painel de Administração do 4.0

Após a compra e instalação bem-sucedida do Magento Mobile App Builder, o administrador da loja pode configurar o painel de back-end. Vá para System >> KnowBand Extensions >> Mobile App Builder e você encontrará as seguintes abas no backend do módulo:

Configurações gerais do 4.1:

a) Ativar / Desativar: Habilite / desabilite o módulo Magento Mobile App Builder para fazer os aplicativos funcionarem no smartphone.
b) Redirecionar na página do carrinho quando adicionar ao carrinho: Redirecione os usuários de aplicativos móveis para a tela do carrinho sempre que qualquer usuário tocar no botão Adicionar ao carrinho.
c) Exibir descrição resumida: Ative para exibir a descrição resumida do produto nos aplicativos para dispositivos móveis.
d) Habilitar Relatório de Log de Solicitação: Essa funcionalidade permite o log de erros nos dispositivos móveis. Este arquivo de log de erros é usado para corrigir qualquer erro ou comportamento anormal do aplicativo.
e) Ativar login de impressão digital: Ative a opção de login de impressão digital nos aplicativos para dispositivos móveis.
f) Ativar o registro do número de telefone: Ativar o login / registro do número de telefone nos aplicativos móveis.
g) Selecione o layout para a página inicial: Escolha o layout desejado para a tela inicial do seu aplicativo. Você pode criar vários layouts na guia Layout da Página Inicial, que será exibida aqui no menu suspenso.

h) Métodos de envio desativados: Escolha os métodos de envio que você não deseja exibir nos aplicativos para dispositivos móveis.
i) Ative o Suporte de Chat do WhatsApp: Ativar / desativar a opção de bate-papo do WhatsApp em aplicativos para dispositivos móveis.
J) Ativar o suporte ao chat ao vivo: Ativar / desativar as opções de bate-papo do Zopim em aplicativos para dispositivos móveis.

k) Ativar logotipo: Ativar o logotipo em seus aplicativos para dispositivos móveis. Você pode fazer o upload da imagem do logotipo que será exibida no cabeçalho dos aplicativos para dispositivos móveis.
l) cor do botão app: Escolha a cor dos botões dos seus aplicativos.
m) Botão do aplicativo Cor do texto: Escolha a cor do texto do botão para seus aplicativos.
n) Cor de fundo do aplicativo: Escolha a cor de fundo dos seus aplicativos.
o) Cor do tema do aplicativo: Escolha a cor do tema para seus aplicativos.

Configurações do menu 4.2 Mobile

Esta aba do Magento Mobile App Maker permite que o administrador da loja exiba várias páginas CMS do site nos Aplicativos Móveis. Você pode adicionar quantas páginas CMS personalizadas desejar. O Mobile App Maker para Magento permite que você traga todas as páginas CMS do site no aplicativo.

4.3 Métodos de pagamento:

o

4.4 Push Notifications:

a) Firebase Key: Digite a chave do Firebase do Google para enviar notificações push em seus aplicativos Magento. Você pode pular esta configuração para a versão gratuita. Nós configuraríamos o mesmo

b) Notificação de sucesso do pedido: Configurar a notificação automática de criação de pedidos automatizada, que seria enviada automaticamente ao usuário que cria um pedido com êxito.
c) Notificação de atualização do status do pedido: Configurar a notificação automatizada de atualização do status do pedido, que seria enviada automaticamente aos usuários sempre que houver uma atualização no status de entrega do pedido.
d) Notificação de Carrinho Abandonado: Configurar a notificação automática do Carrinho abandonado, que seria enviada automaticamente para os usuários que deixaram seus produtos no carrinho. Esta notificação é enviada repetidamente aos usuários após um período de tempo fixo.
e) Enviar Notificação:
Se o administrador da loja achar necessário destacar ofertas diárias ou descontos, as notificações personalizadas também poderão ser enviadas aos usuários do aplicativo. Essas notificações podem ser configuradas a partir do painel de back-end e serão transmitidas para todos os usuários do aplicativo.

Layout da Página Inicial do 4.5

O Magento Mobile App Builder oferece tela inicial personalizável em seus aplicativos cujo layout pode ser configurado por você. Você pode criar e salvar vários layouts com base em vários temas, festivais ou eventos e selecioná-los para seu aplicativo de acordo com a exigência.

O módulo oferece a flexibilidade de adicionar quantos layouts forem necessários junto com as opções para editar os layouts anteriores.

No Home Page Layout do Magento Mobile App Creator, o administrador da loja pode editar e customizar os seguintes elementos de design:

Categorias principais:

As principais categorias são exibidas na forma de pequenos quadrados na tela inicial que podem ser configurados a partir do back-end usando imagens e páginas de destino.

Banner Quadrado:

Banner quadrado é uma listagem em forma de quadrado configurável na tela inicial, cuja imagem e páginas de entrada podem ser configuradas a partir do back-end do módulo.

Banner Deslizante:

Os banners também podem ser exibidos em deslizamento horizontal e sua imagem / página de entrada pode ser configurada a partir da interface de back-end.

Banner de grade:

Os Banners também podem ser exibidos na forma de listagem de grade na tela inicial do aplicativo para dispositivos móveis. Essas imagens de banner e páginas de destino podem ser personalizadas facilmente

Banner de contagem regressiva:

O Magento eCommerce Mobile App Maker oferece um banner de contagem regressiva na sua tela inicial, a fim de oferecer uma venda baseada em tempo (Flash Sale). O cronômetro de banner, imagem, página de destino podem ser configurados no painel de back-end.

Produtos quadrados:

Os produtos em sua loja podem ser listados na tela inicial do aplicativo na listagem quadrada.

Produtos Deslizantes

Os produtos podem ser exibidos na visualização deslizante na tela inicial do aplicativo móvel e podem ser configurados no painel de back-end.

Produtos de grade:

Os produtos também podem ser exibidos na visualização em grade na tela inicial do aplicativo móvel. Essa listagem pode ser configurada conforme mostrado na captura instantânea abaixo:

Produtos Acessados Recentemente:

O Magento Mobile App Creator traz mais um elemento de produtos recentemente vistos. Esse atributo exibe esses produtos na visualização deslizante que estavam sendo visitados recentemente pelo usuário.

Telas do aplicativo móvel 5.0:

Tela inicial do 5.1:

O Magento Mobile App Builder oferece uma tela inicial dinâmica nos aplicativos móveis que podem ser facilmente projetados a partir do painel de back-end. O administrador da loja obtém a total flexibilidade para projetar e criar a tela inicial de acordo com sua escolha. O Magento Mobile App Builder oferece os seguintes elementos de design: -> Top Categorias -> Banners Quadrados -> Banners Deslizantes -> Banners Grid -> Produtos Quadrados -> Produtos Deslizantes -> Produtos de Grade -> Contagem Regressiva Timer Banner -> Produtos Recentemente Exibidos O posicionamento desses atributos também pode ser alterado, apenas com simples arrastar e soltar.

a) Layouts Dinâmicos: Crie layouts de tela inicial atrativos que se conectam com os usuários e os compelem a fazer a compra.

b) Logotipo do site: Adicione o logotipo da sua loja no backend do módulo e exiba o mesmo no cabeçalho do aplicativo.

c) Pesquisa: A opção de pesquisa no Magento Mobile App permite que os usuários pesquisem produtos sem qualquer aborrecimento. A pesquisa por palavras-chave e voz facilita para os compradores obter o produto certo em menos tempo.

d) Lista de desejos: Opção de lista de desejos no Magento Mobile App permite marcar os produtos em relação a compra futura.

e) carrinho de compras: Os usuários podem acessar o carrinho de compras no canto superior direito da tela inicial.

f) WhatsApp / Zopim Chat: Seus usuários do Magento Mobile App podem contatá-lo diretamente sobre qualquer consulta ou preocupação através da opção de bate-papo do WhatsApp & Zopim na tela inicial.

Menu Acordeão 5.2 (barra de navegação)

O Magento Mobile Apps para Android e iOS vem com fácil de usar categorização de seus produtos da loja. Os compradores on-line podem procurar todas as categorias na barra de navegação junto com todas as páginas do CMS. As categorias do menu Acordeão são as mesmas da sua loja e fornece as seguintes opções:

Minha conta:

A tela Minha Conta do Magento Mobile App contém todas as informações do usuário, como Detalhes Pessoais, Endereço (s) de Envio e Detalhes do Pedido. Existe até uma opção para os usuários registrarem suas impressões digitais. Os compradores on-line podem ver detalhes pessoais completos e atualizar a senha também.

Categorias:

Todas as categorias da sua loja também são obtidas nos aplicativos para dispositivos móveis. Ofereça uma categorização em vários níveis aos usuários do aplicativo e permita que eles procurem produtos com facilidade.

Páginas CMS:

Todas as páginas do seu site CMS, como Quem Somos, Fale Conosco, Termos e Condições, etc, serão exibidas aqui.

Idioma (s):

Os aplicativos móveis Magento são multilíngües e suportados por RTL. Os usuários podem escolher o idioma desejado e todo o conteúdo do aplicativo será traduzido de acordo. Todos os idiomas disponíveis na loja são exibidos aqui.

Moeda (s):

Assim como os idiomas, todos os tipos de moedas disponíveis no seu site serão exibidos no Magento Mobile Apps. Isso permite que os usuários façam os pagamentos com a opção de moeda desejada.

5.3 Category Screen:

Todos os tipos de categorização disponíveis nas suas lojas Magento também serão exibidos nos aplicativos móveis. A tela de categoria tem duas visões: visualização em grade e lista. A imagem do produto, nome, preço é exibido para todas as listagens de produtos. Os aplicativos móveis com o Magento Mobile App Maker têm várias opções de filtro e classificação que simplificam a pesquisa de produtos para os usuários.

Grid & List View:

Os produtos podem ser exibidos na grade e na visualização de lista.

Ordenar:

A opção de classificação no Magento Mobile Apps permite que os usuários visualizem produtos nas categorias Baixa a Alta ou Alta a Baixa.

Filtro:

Filtre os produtos da categoria com vários atributos, como preço, custo, etc., e pesquise os produtos desejados sem nenhum esforço.

Tela do produto 5.4:

A tela do produto do Magento Mobile App é tão simples e fácil de usar quanto possível. Todo produto tem várias imagens exibido junto com nome e preço. A disponibilidade do produto também é exibida como “Em estoque” ou “Fora de estoque”. A tela do produto tem as seguintes outras opções:

Opções do produto:
Várias opções relacionadas ao produto, como tamanho, cor, etc., são exibidas na tela do produto. Essas opções são as mesmas disponíveis no seu site.

Breve Descrição:
Os usuários podem ler a breve descrição do seu produto para rapidamente se decidir. O Magento Mobile App exibe a descrição curta e completa dos produtos.

Informações sobre produtos e cuidados:
Todas as informações relacionadas ao produto específico são exibidas nesta seção. Esta é a mesma informação do site.

Adicionar a lista de desejos:
Os usuários podem até adicionar os produtos na bolsa de lista de desejos a partir daqui. Os produtos adicionados na lista de desejos são marcados para a compra futura.

Adicionar ao carrinho:
O botão Adicionar ao carrinho permite que você adicione produtos no carrinho que podem ser processados posteriormente na criação de um pedido bem-sucedido.

Compartilhamento Social de Produtos:
O Magento Mobile App tem a opção de compartilhar os produtos em diferentes plataformas sociais, Bluetooth e e-mail. Os usuários podem compartilhar os produtos com seus amigos e parentes e trazer usuários em potencial para sua loja.

Tela de lista de desejos 5.5:

o

Adicionar

o

Remover

o

Tela de Login 5.6

O Magento Mobile App Creator oferece várias opções de login com apenas um toque e torna o processo de login / registro mais fácil:

Entre:
Os usuários do aplicativo podem autenticar e acessar os aplicativos móveis do Magento usando credenciais de entrada de e-mail.

Inscrever-se:
Todos os novos usuários podem se inscrever e criar sua conta na loja do aplicativo móvel. O formulário de inscrição do Magento Mobile App é totalmente organizado.

Login com o número de telefone:
Seu aplicativo móvel Magento também vem com a opção de login de número de telefone, que permite que os usuários verifiquem o OTP e o login sem qualquer aborrecimento.

Faça o login com impressão digital:
Os usuários do seu aplicativo também têm a opção de fazer login com uma impressão digital. Essa autenticação biométrica permite que os usuários façam login em aplicativos em segundos.

Entrar com o Facebook:
Os usuários podem fazer login em aplicativos móveis usando suas credenciais de conta do Facebook.

Faça o login com o Google+:
Os usuários podem fazer login no aplicativo usando as credenciais da conta do Google+.

Tela do carrinho de compras 5.7:

A tela do carrinho de compras do seu Magento Mobile App exibirá todos os produtos adicionados ao carrinho de compras. O usuário do aplicativo pode visualizar o nome do produto, a quantidade, o preço total e o custo de envio. Esta tela tem as seguintes opções:

1. Aplicar vale:
Essa opção permite que os usuários recebam descontos e ofertas inserindo cupons e comprovantes válidos em seu website.

2. Preço Total do Produto:
Os usuários podem visualizar o custo total de sua sacola de compras, que é atualizado automaticamente conforme qualquer adição no carrinho.

3. Atualize a Quantidade de Produtos:
Os usuários podem até atualizar a quantidade específica do produto.

4. Remover Produto:
Os usuários do aplicativo podem simplesmente remover o produto do carrinho.

5. Continue comprando:
Os usuários do aplicativo podem deixar o carrinho para procurar mais produtos no seu aplicativo. Os compradores serão redirecionados para a tela inicial ao tocar na opção Continuar comprando.

6. Continue para o checkout
Os usuários do aplicativo podem prosseguir para as telas de pagamento e pagamento apenas tocando na opção “Continuar para o check-out”. Ele redirecionará os usuários na tela de checkout.

5.8 tela de check-out

Os aplicativos móveis criados com o Magento Mobile App Maker têm uma abordagem de checkout simplificada em uma única tela. Os usuários podem Analise os detalhes completos do pedido, como detalhes de envio, detalhes do faturamento, resumo do pedido, comentário do pedido, resumo do pagamento antes

Endereço de entrega:
A tela de checkout da tela Magento Mobile Apps fornece detalhes de todos os endereços salvos pelo usuário. Se necessário, o usuário também pode editar / salvar novo endereço de entrega. O custo total da compra também é exibido nessa tela.

Detalhes de faturamento:
Os usuários podem até inserir detalhes de faturamento junto com detalhes de envio para sua compra. Eles também podem escolher o endereço de entrega como o mesmo endereço de faturamento.

Resumo do pedido:
Os usuários do aplicativo visualizam os detalhes do produto adquirido junto com a quantidade antes de fazer a compra final.

Métodos de Envio:
Todos os métodos de envio em execução no seu site também são exibidos na tela de checkout. Os usuários podem escolher o desejado daqui.

Comentário da encomenda:
Os usuários do aplicativo também podem adicionar comentários relacionados ao seu pedido, que ficarão visíveis para o administrador da loja no back-end.

5.9 Payment Screen:

A tela de pagamento no Magento Mobile App exibe os métodos de pagamento da visualização na web e dos aplicativos nativos. O Magento Mobile Apps suporta todos os tipos de opções de pagamento do site, juntamente com os métodos de pagamento PayPal e COD. Além disso, várias outras opções de pagamento nativas, como PayU, Apple Pay, Amazon Pay, Braintree, Stripe etc., também podem ser adicionadas ao seu aplicativo móvel por um preço justo.

5.10 Minha conta tela

A tela Minha Conta do aplicativo Magento Android / iOS permite que os usuários visualizem os detalhes completos da conta, incluindo a lista de todos os pedidos anteriores. Minha conta

Histórico de pedidos:
Os usuários ficam sabendo sobre os detalhes completos do pedido criados no aplicativo. A data de criação do pedido, referência, preço e status de entrega estão disponíveis nesta tela.

Atualizar perfil:
Os usuários também podem atualizar seus detalhes do perfil pré-salvos, como nome ou sobrenome, número de telefone e senha.

Endereço de entrega:
Os usuários do aplicativo podem ver a lista completa de endereços de envio salvos. O novo endereço de envio também pode ser adicionado a partir daqui.

Detalhes da encomenda:
Os usuários do aplicativo podem visualizar a lista completa dos pedidos colocados anteriormente no aplicativo.

Reordenar recurso:
Existe uma funcionalidade de reordenação direta que permite aos usuários repetir o pedido apenas clicando no botão “Reordenar”.

Tela 5.11 Order Detail

A tela Detalhes do pedido do aplicativo Magento para Android e iOS fornece detalhes completos do pedido, como endereço para envio, resumo do produto, método de envio e pagamento e resumo do custo total. Esse detalhe do pedido é do pedido anterior feito por você. Os usuários podem até rastrear a entrega de pedidos feitos anteriormente diretamente nesta tela.

6.0 Advanced Magento Marketplace

O Magento Marketplace da KnowBand converte seu site online em um mercado completo. O Magento Mobile App Builder é totalmente compatível com Extensão do Magento Marketplace. Isso significa que você pode trazer toda a listagem do mercado nos mesmos aplicativos móveis do Magento. Assim, inicie um par de aplicativos móveis compatíveis com o Marketplace com a KnowBand e atraia uma grande base de vendedores e clientes para sua loja. -> Quando o usuário clica na opção Vendedor, ele é redirecionado para a página do Vendedor da loja móvel. O usuário pode visualizar a lista dos vendedores do mercado junto com sua classificação. -> Os clientes podem clicar no nome do vendedor para ver seu perfil e produto sendo oferecido. Os vendedores podem fazer login com seu nome de usuário e senha. Eles são redirecionados para o painel.

Conheça mais sobre o plugin Magento Mobile App Builder com:

Magento Mobile App Builder

Mercado Avançado de Magento com Aplicativo Móvel

Link de demonstração de administrador

Demonstração Front App para Android

Demonstração Front App para iOS

Link vídeo: