Knowband Blog | Ecommerce Modules

WooCommerce Mobile App Builder – Manual do usuário

Joe Parker

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

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:

Ú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:

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:

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