Magento Mobile App Builder


1.0 Introdução

O Magento Mobile App Builder para Android / iOS pode converter sua loja Magento em um aplicativo móvel completo. Quando se trata de melhorar a experiência do usuário, uma loja móvel é essencial para os sites de comércio eletrônico. O construtor de aplicativos móveis Magento por Banda de conhecimento?are exceptionally skilled and proficient in converting your site into a wonderful feature packed mobile app for your targeted customers.

A mobile store is definitely one such solution that can take your eCommerce business to far off places. With the support of this Magento mobile app builder for Android/iOS, you can seamlessly target your multi-platform customers and grab maximum sales as well as customer engagement. The Magento mobile app builder can make your eCommerce business accessible to mobile-based consumers. The store owners can now improve the chances of their business growth and expansion. This mobile app maker for Magento lets Magento store owners get their customized mobile app as per their business requirements and needs.

Whether your eCommerce site is recording a consistent sale volume or if it’s on the verge of finding your niche market, a mobile app have the potential to drive quality traffic as well as conversions. Mobile applications have become the flavor of the current time and the idea of taking your business on the mobile platform sounds quite perplexing. The Magento Mobile App Builder bridges the gap between the online retailers and the mobile users.

1.1 Salient Feature do Magento Mobile App Builder

Algumas das características deste criador de aplicativos para dispositivos móveis são:

Tablet otimizado: O construtor de aplicativos móveis Magento permite uma experiência de compra ininterrupta para os usuários, independentemente do dispositivo que eles estão usando. O aplicativo para dispositivos móveis Android / iOS funciona em tablets, telefones Android, iPhone, iPad e outros.
Login Social: As opções de login rápido oferecidas pelo construtor de aplicativos móveis Magento reduzem o processo de inscrição dos consumidores. Fornecer opções de login de mídia social (Facebook / Google).
Suporte multilíngue: O criador de aplicativos para dispositivos móveis do Magento oferece suporte a vários idiomas e várias moedas.
Sincronização Fácil: O criador do aplicativo Magento Mobile App oferece sincronização em tempo real. Nenhuma integração manual é necessária. O construtor de aplicativos Magento oferece sincronização perfeita entre sua loja e o aplicativo.
Opção de chat ao vivo: Os serviços de chat incorporados da Zopim permitem
Compatibilidade: O construtor de aplicativos para dispositivos móveis é compatível com
Interface Interativa: Os aplicativos de m-commerce vêm com um pacote de aplicativos interativos
Navegação Fácil: A interface e filtros organizados oferecem uma experiência de compra fácil. A opção de pesquisa por voz é oferecida apenas pelo construtor de aplicativos para dispositivos móveis do Android.
Todo o tipo de suporte ao produto: O construtor de aplicativos Magento Mobile suporta todos os tipos de produtos. O aplicativo suporta simples, configurável, virtual, empacotado e outros.
Suporta todos os métodos de pagamento e envio: O construtor de aplicativos móveis para Magento suporta todos os tipos de métodos de pagamento e envio.
Checkout simples: A verificação de página única do criador de aplicativos para dispositivos móveis Magento facilita para os compradores on-line concluir sua transação.
Acompanhamento fácil de pedidos: O cliente pode rastrear seus pedidos a partir de sua conta.
Empurre notificação: O administrador da loja pode manter os clientes informados sobre as ofertas da loja online. Construtor de aplicativos móveis Magento oferece facilidade de notificação de envio ilimitado para os comerciantes.

2.0 Processo de Trabalho do Magento Mobile App Builder

Siga as etapas abaixo mencionadas para atualizar seu site de comércio eletrônico em um aplicativo para dispositivos móveis:

Adquira o módulo Magento Mobile App Builder e faça o download. Instale e habilite a extensão Magento Mobile Builder em sua loja. Ele permite a comunicação entre seu aplicativo móvel e a loja.

Nossa equipe de desenvolvimento irá, então, projetar o aplicativo para você. Compartilhe os detalhes solicitados abaixo, para que possamos gerar seu aplicativo Android / iOS (arquivo APK).

  • Imagem Splash (1280×1920 png)
  • Ícone do aplicativo (512×512 png)
  • Cor do tema (azul, laranja, verde, preto)
  • URL do site
  • Nome do site
  • Nome da opção de login social desejado fora do Facebook e do Google.

Depois de receber as informações solicitadas acima, compartilharemos com você um arquivo APK que você poderá postar na sua conta "Google Play Store" para que seus clientes possam fazer o download do seu aplicativo.

Nota: Em caso de login social, antes de gerar um arquivo APK para você, você também precisa compartilhar seu ID de APP conosco. Para gerar este ID do aplicativo, compartilharemos uma chave de hash com você, juntamente com todas as instruções. Normalmente, leva cerca de meia hora para criar um ID de APP.

2.1 Como obter o seu Mobile App Builder?

Você pode obter a versão demo do Criador de aplicativos para dispositivos Android de Construtor de aplicativos para dispositivos móveis do iOS da Google Play Store e da App Store da Apple, respectivamente.

itune

loja de jogos

Faça o download e instale nosso construtor Android Mobile App Builder Free e iOS Mobile App gratuitamente em sua loja. Você pode ver a demonstração de sua loja e como o aplicativo ficaria assim que estiver ao vivo. Quando estiver satisfeito com a funcionalidade da aplicação móvel eCommerce, pode obter a sua aplicação com alguns passos simples:

picture1

1. Por favor, clique no link abaixo e preencha o formulário para fornecer as informações básicas para o aplicativo:
https://www.knowband.com/forms/view.php?id=30?
2. Compartilhe as chaves do aplicativo do Facebook e Google conosco se você optar por logins sociais. 3. O KnowBand compartilhará o APK para seu aplicativo. 4. Você pode liberar o APK na Play store / Apple Store ou podemos fazer o mesmo sem custo.

Telas de aplicativos para dispositivos móveis 3.0

Tela Inicial 3.1

A tela inicial é a tela inicial do celular eCommerce, que aparecerá para os usuários assim que eles instalarem e abrirem o aplicativo.
Escolha o seu tema App: O aplicativo vem com vários temas para você escolher. O usuário pode selecionar um tema do aplicativo de acordo com sua escolha.

Ver demonstração: Free Magento Mobile App Builder permite ao usuário visualizar a loja de demonstração.

App Theme

3.2 Início

As páginas caseiras e de categoria projetadas pelo construtor de aplicativos móveis Magento atrai os clientes para entrar na loja. A tela inicial consiste em tela de slide, banners, produtos em destaque e produtos especiais de sua loja.Página??C: \ Usuários \ Velocity-1601 \ Downloads \ App Magento \ App Magento \ Image 2.png

1. Tela de abertura: A tela inicial aparecerá no topo da tela inicial.

Nota: Certifique-se de que o módulo de tela inicial Magento esteja habilitado no back-end do plug-in do criador de aplicativos para dispositivos móveis Magento. O tamanho dos slides deve ser> = (900 * 400) w * h para visualização de imagem clara no aplicativo móvel.

2. Banners: Os banners serão apresentados abaixo da tela inicial na direção vertical.

Nota: Certifique-se de que o módulo de banner do Magento esteja habilitado na interface de administração do módulo do construtor de aplicativos móveis Magento. O tamanho dos banners deve ser> = (600 * 400) w * h para visualização de imagem clara no aplicativo para dispositivos móveis.

produto em destaque

3. Novos produtos de chegadas: Os produtos recém-chegados serão listados em grade logo abaixo dos banners.

Nota: Certifique-se de que o módulo de produtos em destaque do Magento esteja habilitado no painel de administração da extensão do construtor de aplicativos móveis Magento. O tamanho dos produtos deve ser> = (200 * 200) w * h para visualização de imagem clara no aplicativo móvel

Produtos Especiais

4. Produtos mais vendidosOs produtos mais vendidos serão listados abaixo dos produtos em destaque na direção horizontal.

Nota: Certifique-se de que o módulo de produtos especiais Magento esteja ativado. O recurso está ativado no back-end do módulo do construtor de aplicativos móveis Magento. O tamanho dos produtos deve ser> = (200 * 200) w * h para visualização de imagem clara no aplicativo móvel.

5. Cardápio: O menu no lado esquerdo da página inicial do aplicativo Android / iOS permite que os usuários naveguem

Cardápio

  • Categorias: Os links podem levar os usuários à página da categoria do aplicativo móvel. O usuário pode selecionar e acessar diretamente a página da categoria da loja.
  • Entrar sair: Permite que o usuário faça o login / logout de sua conta de loja.
  • Sobre nós: Permite que os usuários visualizem a página da loja sobre nós.
  • Contacte-nos: Permite que os usuários visualizem a página de contato da loja.
  • Minha conta: Os usuários podem ter acesso à conta onde podem ver o histórico de pedidos ou atualizar os detalhes da conta.
  • idiomas: O construtor de aplicativos móveis Magento para Android / iOS oferece suporte multilíngüe. Os usuários podem selecionar o idioma desejado aqui.
  • Moeda: O Magento Mobile App Builder é ainda compatível com várias moedas. Os visitantes podem selecionar a moeda em que desejam interagir.

6. Pesquisa: A opção de pesquisa na página inicial permite que os usuários possam pesquisar qualquer produto com um clique no botão.

7. Carrinho de compras: Os usuários podem ver os detalhes do carrinho clicando no ícone do carrinho mostrado na parte superior da página inicial.

8. Lista de Desejos: os usuários logados também poderão visualizar seus produtos da lista de desejos simplesmente clicando no ícone da lista de desejos mostrado no topo da página inicial.

Screenshot_2016-06-15-19-14-29

3.3 Categoria

O criador do aplicativo Magento Mobile oferece uma página de categoria sem cortadores para que os visitantes da loja comprem e encontrem o produto que eles acham interessante. A opção Menu na página inicial lista todas as categorias e suas subcategorias da loja. Os compradores on-line podem acessar as páginas das categorias clicando na categoria desejada na barra de menu. Seção de categoria oferece várias funcionalidades:

4

1. PesquisaOs usuários poderão pesquisar qualquer produto na loja, basta clicar no ícone de pesquisa mostrado no topo da página da categoria.

2. Lista / visualização de grade: Os usuários podem simplesmente mudar a visão da tela de categoria para lista ou grade de acordo com sua necessidade.

3. Ordenar: Os usuários poderão classificar o resultado com base no preço (baixo para alto ou alto para baixo).

4. Filtro: Permite que os usuários apliquem várias filtrações de produtos com base em seus atributos.

3.4 Produtos

A tela Produto permite que os usuários visualizem os detalhes do produto, como imagem do produto, descrição e atributos (tamanho ou cor). A página do produto da loja móvel oferece várias funcionalidades:

1. Adicionar ao carrinho: O administrador de visitantes da loja poderá adicionar um produto

2. Adicionar a lista de desejosOs clientes também podem adicionar um produto à sua lista de desejos clicando no botão "Adicionar à lista de desejos" mostrado na parte inferior da tela.

3. Selecione o atributo do produtos: Os usuários podem selecionar os atributos do produto como Tamanho, Cor e assim por diante.

4. Informações sobre produtos e cuidados: User can browse for the information regarding the product like Product reference number, Product composition, SKU number, Product condition, Brand and so on.

5. Product Customization: A customizable product can be browsed on the app with an option to customize the text.

6. Packed products: Users can browse for the packed products where multiple products are sold as a single quantity.

? ? ? ?Note: Make sure the size of the products must be >= (400*400) w * h for clear image

Screenshot_2016-06-15-18-52-07

Screenshot_2016-06-15-18-52-21

Screenshot_2016-06-15-18-53-53

Screenshot_2016-06-15-18-54-19

Login 3.5

Magento Mobile App Builder offers a number of social login option. The App facilitates the users to login and manage their account. The app users offers social login (Facebook/ Google) facility to ease and maximize user account login.

1. Entrar: Authenticated users would be able to access their account by with their login credentials.

2. Esqueceu a senha: Registered users can also opt for reset password by sampling providing their email.

3. Login social: Users are also provided with the facility to access their account from social media such Facebook/ Google.

4. Inscrever-se: Users can create their account on the store from mobile App by providing the all the necessary details required during the signup process.

5. Continue como visitante: User can also be able to place an order as a guest user without being login into their account.

Screenshot_2016-06-15-19-01-15Screenshot_2016-06-15-19-01-20

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Screenshot_2016-06-15-19-02-07

3.6 Shopping Cart

The shopping cart of the app allows the customers to save as many products as they want to. The customers get to view the total cost of the products as well as the discount coupons available. The Magento mobile app builder This allows the users to view products details, apply coupon or voucher and total cost summary. This section offers various functionalities:

1. Product Summary: The store visitors can find the complete detail of the product(s). It also provides the option to?update the quantity?or?remove?any product on the shopping cart. The details can be seen in multiple languages as Magento mobile app builder offers multi-lingual support.
Products out of stock can also be?removed?from the cart by simply clicking on remove button shown on product details section.

2. Apply Voucher: The Magento mobile app builder extension supports all type of coupons. The users can also apply for any valid voucher to their shopping cart.

3. Gift Wrap (Additional Cost): The customers can even opt for the gift wrapping of the products if this functionality is enabled from the back-end of the Magento Mobile app builder plugin. An info for the additional cost of gift wrapping is also shown.

4. Message to recipients:?If gift wrapping is enabled, the users get an option to add a message to the recipient of the gift.

5. Total Cost Summary: Once the product is saved in the cart, the details of the total cost of the shopping cart can be viewed.

Screenshot_20160629-104502

Screenshot_2016-06-15-18-56-52

3.7 Final Checkout

Review checkout screen?of?the?mobile?application?allows a user to view the checkout details that include shipping address, order summary, shipping methods and total cost summary.

1. endereço de entrega: Provides detail of shipping address entered by a user.

Adicionar / Editar Endereço de Envio: Os usuários também podem adicionar ou atualizar o endereço de entrega conforme sua exigência.

notas: O custo total será estimado com base no endereço e método de envio selecionados.

2. endereço de cobrança: This section provides the detail of the billing address selected by the customers.

Add/ Edit Billing Address: Os usuários também podem adicionar ou atualizar o endereço de cobrança de acordo com sua exigência.

3. resumo do pedido: Order summary provides the detail of the product(s) added to cart by the user.

4. Métodos de Envio: The Magento mobile app builder module supports all type of shipping methods. The end-users can select any shipping method from the existing options for the selected products.

5. Edit Shipping Address: In the case of a logged-in customer, if a shipping address is already added, it will be selected by default. However, users get an option to edit the provided shipping address. If an address is not provided already, users are taken to the add shipping address form.

6. Resumo total do carrinho: The cart summary provides the details of the total cost of the shopping cart.

Screenshot_2016-06-15-18-58-15

Métodos de pagamento 3.8

Magento mobile app builder plugin supports all sort of payment methods. The payment methods screen of the application provides the list of payment methods exist on the store. The user will be required to select any payment method to proceed further with the payment transaction.

After a user selects a payment option. The app takes him/her to a web view to make the secure payment. After a successful payment, the user is directed back to the app view where he/she can view the order details in order history in My Account section.

Screenshot_2016-06-15-19-00-44

3.9 Minha Conta

My account screen of the Android/iOS mobile app allows the customers to view their account details. This section allows you to view the list of the previous orders placed by users. My account section offers various options. They are listed below:

1. Histórico de pedidos: The customers can view their transaction history. They can see the details of order(s) being placed by the user such as order id, placed the date, status and order products.

2. Atualizar perfil: Users can also be able to update their profile details such as first or last name, phone number.

Screenshot_20160629-104623

3.10 Order Details

Order details screen of the eCommerce mobile app provides the detail of order placed by the user such as shipping address, order summary, shipping and payment method and payment summary.

C: \ Usuários \ Velocity-1601 \ Downloads \ App Magento \ App Magento \ Image 16.png

3.11 Creating Facebook App

Please click on the respective links to know more about the configuration of the Facebook and Google App:

Para Android:

How to create Facebook App for Android :
https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/

Assista ao vídeo:

Conta Facebook: https://youtu.be/TT-uXSPISks

Google/Firebase Account: https://youtu.be/XIYd7u3h574

For iOS :

How to create Facebook App for iOS:
https://www.knowband.com/blog/user-manual/ios-mobile-app-builder-configuration/

Assista vídeo:

Conta Facebook: https://youtu.be/Zv_uSNfMXRc

Google/Firebase Account: https://youtu.be/Cw7WDqvYNkM

3.11.1 Prerequisites for creating Facebook App- Will be provided by Knowband

  • App Package Name (com.example.xxxx)
  • App Class Name (MainActivity)
  • Android Key Hash

3.11.2 Creating Facebook App

  • Go to?https://developers.facebook.com/. If you have not registered yourself as a developer yet then Facebook will ask you to register as a developer. Simply register as a developer.
  • From the top navigation menu?hover over Meus Aplicativos.
  • Então clique Adicionar um novo aplicativo.
  • You will be asked to select a platform, click on android.
  • On the new page, you can select quick start or you can select skip and create app id from the upper right corner.
  • Click on skip and create app id.
  • Give a display name and a namespace for your app as shown in the image below.

login with facebook android

3.11.3 Creating Facebook App ID

  • Click create app id.
  • You will be redirected to your apps dashboard.

login with facebook android

3.11.4 Apps Dashboard

  • Here you can get your app id. Copy the app id it will be used further.
  • Now from the left menu, click on Configurações.
  • Click on add a platform and select android.
  • Digite seu nome do pacote de class name of your main activity (MainActivity) and click on save changes.
  • Make sure you also provide -mail de contato which will be required to make this App public.
  • Now your need to provide App Key Hash which was shared with you earlier.

login with facebook android

3.11.5 Adding a Platform for your App

  • Now to make this App accessible to all, you need to make it public.
  • Now from the left menu, click on App Review.
  • Turn the switch next to ‘Do you want to make this app and all its live features available to the general public?’ to Sim.

insira a descrição da imagem aqui

  • Now your App will be publicly available. You can see the green circle next to App name on below image:

insira a descrição da imagem aqui

  • Please share your Facebook App ID with knowband.

3.11.6 Creating a Project at Google Developers Console

Prerequisites for creating Facebook App – Will be provided by Knowband

  • App Package Name (com.example.xxxx)
  • Android SHA1 Key

Creating Google Project

  • Log in to Google Plus account and go to this?ligação?and click on create project.

developers console

  • Now fill the details and click on?create.

novo projeto

  • Now we need a configuration file for our android app. So go to this?ligação. Select your app we just created on developer console.
  • Fornecer nome do pacote E escolha país and click on continue.

google developers

  • Fornecer SHA1 key which was share earlier and Enable Google Service página.

enable google signin

  • Agora clique em Enable Google Sign-in and click on Continue to generate configuration files. Now click on download google-services.json to get your configuration file and share the same with Knowband.

4.0 Advance Marketplace Feature of Magento mobile app builder

Knowband introduces the Magento marketplace mobile app builder that is compatible with Magento multi-vendor marketplace as well. If you are using Magento marketplace extension of Knowband, then, you can now have an app for your online marketplace with great ease. Magento marketplace mobile app builder for Android/iOS allows you to launch a marketplace app that offers all the features to attract a larger base of sellers and customers.

Follow the below-mentioned steps in order to create your own marketplace app with Magento marketplace mobile app builder:

  • Purchase the Magento marketplace mobile app builder extension from Knowband site.
  • Unzip the zipped file. Copy the files and folders and paste them in the root directory of the Prestashop marketplace.
  • Fill up the form shared by Knowband and share your specification with the team. The app will be designed and developed as per the requirement.
  • The APK file of the app will be shared to you. This can be used to publish the app on the various app stores.

The app developed by the Magento marketplace mobile app builder offers all the features discussed above. In addition, the app offers a ‘Seller’ option in the main menu as shown in the image below.

marketplace mobile app

As the user clicks on this option, he/she is redirected to the Seller page of the mobile store. The user can view the list of the sellers of the marketplace along with their rating.

marketplace mobile app

The customers can click on the name of the seller in order to see his profile and product being offered.
The sellers can login with their username and password. They are then redirected to the dashboard.

marketplace mobile app

The profile can be viewed, changed and managed from the app itself.

Magento Mobile App Builder:?https://www.knowband.com/magento-mobile-app-builder

Magento Marketplace Mobile App Builder:?https://www.knowband.com/magento-mobile-app-multi-vendor-marketplace

Link de demonstração do administrador: https://mageapp.knowband.com/index.php/admin/

Front Demo for Android:?https://play.google.com/store/apps/details?id=com.velsof.magentogenericapp

Front Demo for iOS:?https://itunes.apple.com/in/app/magento-nautica-app-builder/id1290688278?mt=8
Link vídeo: https://www.youtube.com/watch?v=kTUIKbkDLus

Gostou disso? Você também vai gostar disso




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 *