magento-2-mobile-app-builder-user-manual

Magento 2 Mobile App Builder – Manual do usuário

1.0 Introdução

Você migrou recentemente para o Magento 2.x do Magento 1.x? Está na hora de criar aplicativos nativos para sua loja. Estamos todos conscientes de que os aplicativos móveis de comércio eletrônico são uma das necessidades mais inevitáveis ​​dos negócios on-line atualmente. Então, se você é proprietário de uma loja Magento 2 e planeja levar seu site para a plataforma Mobile, a KnowBand tornou o trabalho mais simples para você. Descobrir como? A extensão Magento 2 Mobile App Builder permite que você atualize sua loja de e-commerce em um par de aplicativos móveis em destaque e perfeitos. Os aplicativos Android e iOS totalmente funcionais desenvolvidos com o App Maker Móvel Magento 2 satisfazem definitivamente todos os requisitos para o crescimento de sua loja. Esta é a solução mais perfeita para o desenvolvimento de mCommerce. Tudo o que você precisa fazer é especificar seus requisitos de negócios e deixar o restante para nossa equipe de desenvolvimento capacitada. As lojas Mobile Apps for Magento 2 desenvolvidas por esta solução pronta para uso proporcionam aos usuários uma experiência de compra impecável e confiável. Isso definitivamente impulsionará as conversões e a venda de sua loja.

Instalação do módulo 1.1

Os passos para instalar o aplicativo móvel Magento 2

  • Compre o Magento 2 Mobile App Builder módulo da KnowBand.
  • O pacote tem um arquivo compactado que contém o manual do usuário e o código-fonte do Mobile App Builder Extension. Descompacte o pacote.
  • Crie uma pasta {Magentoroot} / app / code / Knowband / Mobileappbuilder Carregue o conteúdo extraído na pasta acima via gerenciador FTP (como Filezilla ou WinSCP
  • Agora execute os comandos abaixo para instalar o plugin: php -f bin / magento module: enable

A extensão está agora instalada e pronta para uso. No Painel Administrativo, vá para "Knowband> Mobile App Builder". Agora você pode configurar e usar o módulo Magento 2 Mobile App Builder.

Aplicativo Móvel 2.0 Magento 2

Antes de ir para a compra da extensão Magento 2 Mobile App Maker, é melhor testar nossos aplicativos de demonstração.

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

Desenvolvemos dois aplicativos de demonstração e definimos uma loja de demonstração para testes contínuos do módulo antes do desenvolvimento real do aplicativo para dispositivos móveis. Siga os passos mencionados abaixo:

?Download and install Nautica Magento 2 Mobile Apps on your testing device. Here, are the links to Magento 2 Android & iOS Apps:
Loja de aplicativos da Apple
Google Play Store

?Open the App and tap “View Demo” option. That’s it, you can easily test all the app functionalities now.

Observação: ?To access the Admin Panel of KnowBand’s Magento 2 Mobile App Builder on our demo store, visit aqui.

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

Quer testar seu próprio site nesses aplicativos móveis de demonstração? Nós até tornamos isso possível em apenas passos simples do 3:

?Download & install Construtor GRATUITO de Aplicativos para Celular Magento 2 plugin no seu site Magento 2.

?Install the Demo Apps (links in the previous section) on your mobile device. Open the App & enter your website URL in the “View Your Store” option.

?Tap “View Your Store” and start analyzing your own website working on our demo apps.

Observação: ?This Free version of Mobile App Builder is just for the demo purpose & no APK/IPA files will be provided with this module. In order to get your own APK/IPA files, you need to purchase the paid version of the?Magento 2 Mobile App Builder.

3.0 Crie seus próprios aplicativos móveis Magento 2

Após o teste bem-sucedido do Magento 2 Mobile App Builder, crie um par de aplicativos móveis para o seu site. O KnowBand tornou tudo tão simples quanto possível.

Etapa 1: compre e instale o módulo em seu site.
Compra Magento 2 Mobile App Builder & instale o mesmo em sua loja usando os detalhes do seu site FTP.

Etapa 2: compartilhe suas especificações do aplicativo
Compartilhe alguns detalhes sobre o desenvolvimento de aplicativos conosco por meio de um formulário de pré-requisito.

Etapa 3: Obtenha seus aplicativos para Android e iOS em 1-2 dias
Os arquivos finais do APK e IPA podem ser compartilhados com você em apenas 2-3 dias. Você pode revisar o mesmo e sugerir alterações (se houver).

Observação: ?You can publish these APK/IPA files on respective app stores. Refer the 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 de aplicativos, faremos isso para você.

Telas do Painel de Administração do 4.0

Após a instalação bem-sucedida do Magento 2 Mobile App Builder, o administrador da loja receberá as seguintes guias para personalização:

Configurações gerais do 4.1:

Gerais-configurações

a) Ative a extensão: Habilite o Magento 2 Mobile App Builder para fazer com que os aplicativos móveis funcionem nos dispositivos do usuário.
b) Redirecionar para a página do carrinho quando adicionar ao carrinho: Sempre que um usuário clicar no botão Adicionar ao carrinho, ele será redirecionado para a tela do carrinho de compras.
c) Exibir descrição resumida: Ative para exibir a descrição curta do produto na tela do produto.
d) Habilitar Relatório de Log de Solicitação: Ative o log de erros nos aplicativos para dispositivos móveis, usados ​​para identificar e corrigir qualquer comportamento anormal dos aplicativos para dispositivos móveis.
e) Ativar / desativar login de impressão digital: Ativar login de impressão digital nos aplicativos móveis.
f) Ativar / Desativar o Login do Número de Telefone: Ativar o login do número de telefone nos aplicativos móveis.
g) Selecione o layout para a página inicial: Escolha o layout da tela inicial desejado para os aplicativos móveis.

Gerais-configurações

h) Ative o suporte ao chat ao vivo: Ativar / desativar a opção de bate-papo do Zopim (Zendesk) em aplicativos móveis. Você precisa inserir a chave da API de bate-papo fornecida junto com os aplicativos finais.
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 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.
k) cor do botão app: Escolha a cor do botão para seus aplicativos.
l) Cor do tema do aplicativo: Escolha a cor do tema para 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.

4.2 Métodos de pagamento:

O Magento 2 Mobile App Creator oferece opções adicionais de pagamento por PayPal e COD para facilitar os pagamentos nos aplicativos. Os aplicativos para dispositivos móveis com essa extensão oferecem suporte a opções de pagamento com visualização na Web em aplicativos para dispositivos móveis.

-métodos de pagamento

4.3 Push Notifications:

push-notifications-settings

a) Firebase Server Key: Digite a chave do Google Firebase para enviar notificações por push para os usuários do Magento 2 Mobile App. Essa chave seria fornecida a você juntamente com a versão paga do módulo. Você pode pular esta configuração com a versão gratuita do Magento 2 Mobile App Builder.

b) Notificação de sucesso do pedido: Configure a notificação push automatizada de criação de pedidos, que seria enviada automaticamente nos aplicativos do usuário, que cria com sucesso o pedido por meio de seu aplicativo.
c) Notificação de atualização do status do pedido: Configurar a notificação 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.
e) Enviar Notificação: O administrador da loja pode até enviar uma notificação manual e destacar qualquer oferta ou desconto com os usuários de aplicativos para dispositivos móveis.

enviar notificação

Configurações do menu 4.4:

O criador de aplicativos para dispositivos móveis MagNum 2 oferece a guia Configurações do menu para adicionar e gerenciar várias páginas do CMS no aplicativo móvel. Fale Conosco Página pode ser habilitado / desabilitado e novas páginas CMS podem ser adicionadas também.

menu de home page

Layout da Página Inicial do 4.5

O Magento 2 Mobile App Builder oferece uma tela inicial personalizável com todos os tipos de elementos de design no back-end do módulo. Você pode criar qualquer layout para a tela inicial do aplicativo para dispositivos móveis e oferecer aos seus usuários.

layout de página inicial

Depois de adicionar o layout, clique na opção Editar e comece a configurar vários atributos de design para a tela inicial do aplicativo Magento 2.

layout de página inicial

layout de tela inicial

O administrador da loja pode configurar os seguintes elementos de design na guia Layout da Página Inicial do Criador de Aplicativos para Dispositivos Móveis do Magento 2:

Categorias principais:

Essas categorias de formato quadrado podem ser usadas para destacar todas as principais categorias do seu website na tela inicial. Essas categorias podem ser adicionadas a partir do back-end do módulo, conforme mostrado no instantâneo abaixo:

principais categorias

O banner pode ser exibido no formulário quadrado na tela inicial do aplicativo móvel. A página de destino, a imagem pode ser configurada como mostrado no instantâneo abaixo:

faixa quadrada

Os banners deslizantes podem ser exibidos na tela inicial do aplicativo móvel, que pode ser configurado como mostrado na captura instantânea abaixo:

faixa deslizante

Estes são os banners da tela inicial do aplicativo exibidos na forma de listagem de grade e podem ser personalizados conforme mostrado no instantâneo abaixo:banners de grade

Exiba um banner com contagem regressiva nas telas iniciais do Magento 2 Mobile App e ofereça uma venda com flash / baseada em tempo aos seus usuários:

contagem regressiva-temporizador-banner

Produtos quadrados:

Os produtos também podem ser listados na listagem quadrada na tela inicial do aplicativo para dispositivos móveis. Isso pode ser configurado como mostrado no instantâneo abaixo:

produtos quadrados

Produtos Deslizantes

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

produtos deslizantes

Produtos de grade:

Os produtos podem ser exibidos na visualização em grade na tela inicial do aplicativo móvel:

produtos de grade

Produtos Acessados ​​Recentemente:

O Magento 2 Mobile App Creator oferece a guia de produtos recentes na tela inicial do aplicativo móvel, que exibe produtos recentes visualizados pelo usuário. Você pode simplesmente adicionar o elemento em seu layout para exibir o mesmo na tela inicial.

Telas de aplicativos para dispositivos móveis 5.0

Tela inicial do 5.1:

O Magento 2 Mobile App Builder traz a flexibilidade completa para projetar a tela inicial do aplicativo móvel por conta própria. Os aplicativos para dispositivos móveis Android e iOS podem ser projetados a partir do painel backend usando os seguintes atributos de design: -> Principais categorias -> Banners quadrados -> Banners deslizantes -> Banners de grade -> Produtos quadrados -> Produtos deslizantes – -> Grid Products -> Banner do temporizador de contagem regressiva -> Produtos visualizados recentemente

tela inicial

tela inicial

O posicionamento de todos os elementos pode ser alterado com um simples arrastar e soltar.

a) Layouts Dinâmicos: Crie e salve vários layouts atraentes e intuitivos no back-end e altere a aparência e a funcionalidade do aplicativo em apenas um clique.

b) logotipo da loja: Adicione a imagem do logotipo da loja no backend do módulo e exiba o mesmo no cabeçalho dos aplicativos.

c) Pesquisa: Os aplicativos para celular Magento 2 possuem opções de pesquisa por palavra-chave e voz, que permitem que os usuários pesquisem produtos sem qualquer aborrecimento.

d) Lista de desejos: Opção de lista de desejos no Magento 2 Mobile App permite marcar os produtos desejados para compra futura.

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

f) WhatsApp / Zopim Chat: O Criador de Aplicativos para Celular Magento 2 oferece duas opções de bate-papo ao vivo em aplicativos móveis com o Zopim e o WhatsApp. Os usuários do aplicativo podem enviar uma mensagem diretamente a você sobre qualquer problema ou consulta relacionada à compra.

O Criador de aplicativos para dispositivos móveis MagNum 2 oferece um menu de acordeões nos aplicativos para dispositivos móveis, que exibe as categorias da loja nos aplicativos para dispositivos móveis. Os usuários do seu aplicativo podem navegar facilmente por todas as categorias desse menu e acessar todas as páginas do CMS. Este menu tem as seguintes opções:tela de barra de navegação

Minha conta: As opções da Minha conta permitem que os usuários acessem as informações do usuário salvas na loja. Esta tela do aplicativo móvel Magento 2 exibe 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 de aplicativos para dispositivos móveis podem visualizar todos os detalhes pessoais e atualizar a senha do usuário também.

Categorias: Todos os tipos de categorias da sua loja também são buscados nos aplicativos para dispositivos móveis Android e iOS. Os aplicativos até oferecem uma categorização em vários níveis e permitem que os usuários naveguem pelos produtos com facilidade.

Páginas CMS: Todas as páginas do CMS na sua loja, como Quem Somos, Entre em Contato, Termos e Condições, etc, serão exibidas neste Menu.

Idioma (s): Os aplicativos móveis MagCommerce 2 eCommerce são multilíngües e idiomas RTL suportados. Os usuários podem escolher o idioma do aplicativo desejado e todo o conteúdo do aplicativo será traduzido de acordo. Todo tipo de idioma disponível na loja é exibido aqui sob este menu.

Moeda (s): Assim como vários idiomas, todos os tipos de opções de moeda em execução no seu site serão exibidos no Magento 2 Mobile Apps. Isso permite que os usuários de aplicativos façam pagamentos com a opção de moeda desejada.

5.3 Category Screen:tela de categoria

Todas as categorias no seu site Magento 2 são buscadas nos aplicativos móveis Magento 2 também. A tela de categoria do Magento 2 Mobile App tem duas visões: Grid & List view. Esta tela tem as seguintes opções:

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 2 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 Magento 2 Mobile App é completamente livre de bagunça e atraente. Cada produto tem várias imagens exibidas junto com seu nome e preço. A disponibilidade do produto também é exibida como "Em estoque" ou "Fora de S".tela do produtotock "juntamente com os descontos nos preços. A tela do produto tem as seguintes 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 2 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 2 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:lista de desejos

O Magento 2 Mobile App Builder oferece uma bolsa de lista de desejos que permite aos usuários marcar produtos para compra futura. Os usuários do aplicativo podem visualizar a lista de todos os produtos da lista de desejos a partir desta tela. Tem as seguintes opções:

Adicionar ao carrinho:
Os usuários do aplicativo podem adicionar o produto da lista de desejos diretamente no carrinho de compras com a opção Adicionar ao carrinho.

Remover da lista de desejos:
Os usuários podem até remover qualquer produto da lista de desejos com opção de remoção, se necessário.

Tela de Login 5.6

O criador de aplicativos para dispositivos móveis MagNum 2 oferece vários login com um toque com as seguintes opções: 1. Login de e-mailentrar
2. Login do Google e do Facebook 3. OTP e login de impressão digital

Entre:
Os usuários do Magento 2 App podem autenticar e acessar usando credenciais de entrada de e-mail.

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

Login com o número de telefone:
O seu aplicativo móvel Magento 2 apresenta a opção de login de número de telefone, permitindo que os usuários verifiquem o OTP.

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 faz com que o login do aplicativo seja apenas uma questão de alguns 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 aplicativo móvel Magento 2 exibirá todos os produtos adicionados ao carrinho de compras. Os usuários de aplicativos para dispositivos móveis podem visualizar o nome do produto, a quantidade, o preço total e o custo de frete do carrinho. A tela do carrinho de compras tem as seguintes carrinho de comprasopções:

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

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.

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

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

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.

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

O eCommerce Mobile Apps criado com o Magento 2 Mobile App Maker tem uma abordagem de checkout simplificada com uma única tela. Os usuários podem obter informações sobre os detalhes do pedido, como detalhes de envio, detalhes de faturamento, resumo do pedido, comentário do pedido, resumo do pagamento antes de fazer o pedido real.tela de checkout

Endereço de entrega:
A tela de checkout do Magento 2 Mobile Apps fornece detalhes de todos os endereços salvos pelo usuário. Se necessário, o usuário também pode editar o endereço de envio salvo ou adicionar novo. 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 para ser o mesmo que o endereço de cobrança.

Resumo do pedido:
Os usuários do Magento Mobile App conseguem ver 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 método de envio desejado aqui.

Comentário da encomenda:
Os usuários do Magento 2 Mobile App também podem adicionar qualquer comentário relacionado ao seu pedido, que ficará visível para o administrador da loja no back-end.

Resumo do pagamento:
A tela de checkout do Magento 2 Mobile App exibe os detalhes completos do pagamento.

Prossiga para o pagamento:
Os usuários do aplicativo serão redirecionados para a tela "Pagamento" depois de tocar no botão "Prosseguir para pagamento".

5.9 Payment Screen:

A tela de pagamento do Magento 2 Mobile App exibe os métodos de pagamento de visualização na web e de aplicativo nativo. Estas aplicações suportam os métodos de pagamento do seu site Magento 2 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.

tela de pagamento

5.10 Minha conta tela

A tela Minha Conta do aplicativo Magento 2 para Android / iOS permite que os usuários visualizem os detalhes completos da conta, incluindo a lista de todos os pedidos anteriores. Esta tela tem as seguintes opções: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

O Magento 2 Mobile App Builder oferece um rastreamento de pedidos em tempo real em aplicativos móveis. A tela Detalhes do pedido desses aplicativos exibe detalhes completos do pedido, como endereço para envio, resumo do produto, método de envio e pagamento e resumo do custo total. Os usuários podem até rastrear a entrega de pedidos feitos anteriormente diretamente nesta tela.

detalhes do pedido

6.0 Advanced Magento 2 Marketplace

O mercado Magento 2 da KnowBand converte o seu site on-line em um mercado completo. O Magento 2 Mobile App Builder é totalmente compatível comExtensão do mercado Magento 2. Isso significa que você pode trazer toda a listagem do mercado nos mesmos aplicativos móveis do Magento 2. 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.

Mercado Magento 2 com aplicativo móvel de aqui. É isso aí! Para mais informações sobre o Magento 2 Mobile App Builder da KnowBand, consulte os seguintes links:

Magento 2 Mobile App Builder
Magento 2 Mobile App Builder Admin Demonstração
Magento 2 Android App Demo
Magento 2 iOS App Demo
Veja como este plugin funciona?


Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *