Knowband Blog | Ecommerce Modules

Magento Mobile App Builder

1.0 Introducción

Una aplicación móvil es definitivamente una de esas soluciones que puede llevar su negocio de comercio electrónico a lugares lejanos. Con el apoyo de la aplicación móvil Magento.

Característica saliente de 1.1 de Magento Mobile App Builder

El Magento Mobile App Builder viene con algunas de las principales funciones de venta: -> Diseño de pantalla de inicio personalizable (flexibilidad completa) -> Marca de la tienda -> Soporte de chat de Zopim y WhatsApp (24 * 7) -> Google y Facebook Inicio de sesión -> OTP y huella digital Inicio de sesión -> Soporte para tabletas y dispositivos móviles -> Soporte de Android 4.2 a Android 8.0 (Oreo) -> Soporte de iOS 9 a iOS 11 -> Actualización automática de inventario -> Color y fuente múltiple Opciones -> Soporte multilingüe y RTL (de derecha a izquierda) -> Soporte en múltiples monedas -> Soporte de todos los tipos de productos -> Método de pago de sitio web compatible con aplicaciones -> Método de envío de sitio web compatible con aplicaciones -> Integración del método de pago personalizado -> Notificaciones push ilimitadas -> Opciones para compartir en redes sociales del producto -> Múltiples opciones de filtrado y clasificación -> Búsqueda de voz avanzada (solo Android) -> Función de lista de deseos -> Cupón de sitio web / cupones admitidos en aplicaciones . -> Pantalla de pago simplificado -> Seguimiento de pedidos en tiempo real

Aplicación móvil 2.0 Magento

KnowBand ofrece una demostración GRATUITA de las aplicaciones móviles de Magento antes de realizar la compra real. El administrador de la tienda puede experimentar las aplicaciones que funcionan en sus dispositivos de prueba.

2.1 Ver nuestra Demo Store trabajando en Apps

Hemos creado una tienda de demostración gratuita para probar las funcionalidades de la aplicación móvil Magento. Instale la aplicación en su dispositivo y explore su funcionamiento impecable.

Paso 1:Descargue e instale la aplicación móvil de Nautica Magento en su dispositivo móvil. Aquí están los enlaces a las aplicaciones:
App Store de Apple
Google Play Store

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

Nota:?You can access the admin panel of Magento Mobile App Builder from aquí.

2.2 ve tu tienda trabajando en Demo Apps

¿Todavía no está convencido? ¿Quieres probar tu propio sitio web en las aplicaciones de demostración. También lo cubrimos con solo los simples pasos de 3:

Paso 1:?Download our Aplicación gratuita Magento Mobile Builder desde KnowBand e instálalo en su sitio web.

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

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

Nota: Esta versión gratuita de Mobile App Builder es solo para fines de demostración y no se proporcionarán archivos APK / IPA con este módulo. Para obtener sus propios archivos APK / IPA, necesita comprar la versión de pago de Magento Mobile App Builder.

Proceso 3.0 para construir aplicaciones móviles de Magento

¿Satisfecho con nuestras aplicaciones de demostración y desea un par para usted? Cree Magento Mobile Apps en solo 3 simples pasos:

Paso 1: Módulo de compra e instalación en su sitio web.
Obtener la versión de pago deMagento Mobile App Builder desde KnowBand e instálalo en su sitio web.

Paso 2: comparte algunas especificaciones relacionadas con la aplicación
Necesitaríamos algunas especificaciones y requisitos relacionados con la aplicación de su parte. Para ello, le enviaremos unos requisitos previos para que forme con usted.

Paso 3: Obtenga sus aplicaciones de Android e iOS en los días 1-2
Nuestros desarrolladores y equipo técnico desarrollarán las aplicaciones y se comunicarán con usted en los días de 1-2.

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

¿Cómo publicar la aplicación de Android en Google Play Store?
¿Cómo publicar la aplicación iOS en la App Store de Apple?

Si hay algún problema al publicar la aplicación en las tiendas respectivas, lo haremos por usted.

Pantallas del panel de administración de 4.0

Después de la compra e instalación exitosa de Magento Mobile App Builder, el administrador de la tienda puede configurar el panel de back-end. Vaya a Sistema >> Extensiones de KnowBand >> Mobile App Builder y encontrará las siguientes pestañas en el módulo backend:

Configuración general de 4.1:

a) Habilitar / Deshabilitar: Active / desactive el módulo Magento Mobile App Builder para hacer que las aplicaciones funcionen en el teléfono inteligente.
b) Redirigir en la página del carrito cuando se agrega al carrito: Redirija a los usuarios de la aplicación móvil a la pantalla del carrito cada vez que un usuario toque el botón Agregar al carrito.
c) Descripción breve de la pantalla: Habilite para mostrar la descripción corta del producto en las aplicaciones móviles.
d) Habilitar informes de registro de solicitud: Esta funcionalidad permite el registro de errores en los dispositivos móviles. Este archivo de registro de errores se utiliza para corregir cualquier error o comportamiento anormal de la aplicación.
e) Habilitar inicio de sesión de huella digital: Habilite la opción de inicio de sesión de huella digital en las aplicaciones móviles.
f) Habilitar registro de número de teléfono: Habilitar el número de teléfono de inicio de sesión / registro en las aplicaciones móviles.
g) Seleccionar diseño para la página de inicio: Elija el diseño deseado para la pantalla de inicio de su aplicación. Puede crear múltiples diseños en la pestaña Diseño de página de inicio que se mostrará aquí en el menú desplegable.

h) Métodos de envío discapacitados: Elija los métodos de envío que no desea mostrar en las aplicaciones móviles.
i) Habilitar el soporte de chat de WhatsApp: Habilitar / deshabilitar la opción de chat de WhatsApp en aplicaciones móviles.
J) Habilitar soporte de chat en vivo: Habilitar / deshabilitar las opciones de chat de Zopim en aplicaciones móviles.

k) Habilitar Logo: Habilita el logo en tus aplicaciones móviles. Puede cargar la imagen del logotipo que se mostrará en el encabezado de las aplicaciones móviles.
l) Color del botón de la aplicación: Elija el color del botón para sus aplicaciones.
m) Color del texto del botón de la aplicación: Elija el color del botón de texto para sus aplicaciones.
n) Color de fondo de la aplicación: Elija el color de fondo para sus aplicaciones.
o) Color del tema de la aplicación: Elige el color del tema para tus aplicaciones.

Configuración del menú móvil 4.2

Esta pestaña de Magento Mobile App Maker permite que el administrador de la tienda muestre varias páginas CMS de sitios web en las aplicaciones móviles. Puede agregar tantas páginas de CMS personalizadas como desee. Mobile App Maker para Magento le permite traer todas las páginas CMS del sitio web en la aplicación.

Métodos de pago 4.3:

los

Notificaciones 4.4 Push:

a) Clave de base de fuego: Ingrese la clave de Google Firebase para enviar notificaciones push en sus aplicaciones Magento. Puede omitir esta configuración para la versión gratuita. Nosotros configuraríamos el mismo

b) Notificación de éxito de la orden: Configure la notificación automática de creación de pedidos que se enviará automáticamente a los usuarios que crean un pedido con éxito.
c) Notificación de actualización del estado del pedido: Configure una notificación automática de actualización del estado del pedido que se enviará automáticamente a los usuarios cada vez que haya una actualización en el estado de entrega del pedido.
d) Notificación de carro abandonado: Configure una notificación automatizada del carrito abandonado que se enviará automáticamente a los usuarios que dejaron sus productos en el carrito. Esta notificación se envía repetidamente a los usuarios después de una duración de tiempo fija.
e) Enviar Notificación:
Si el administrador de la tienda considera que es necesario resaltar ofertas o descuentos diarios, también se pueden enviar notificaciones personalizadas a los usuarios de la aplicación. Estas notificaciones se pueden configurar desde el panel de fondo y se transmitirán a todos los usuarios de la aplicación.

Diseño de página de inicio de 4.5

El generador de aplicaciones móviles de Magento ofrece una pantalla de inicio personalizable en sus aplicaciones cuyo diseño puede configurar usted. Puede crear y guardar múltiples diseños en función de diversos temas, festivales o eventos, y seleccionarlos para su aplicación según el requisito.

El módulo ofrece la flexibilidad de agregar tantos diseños como sea necesario junto con las opciones para editar diseños anteriores.

En el diseño de la página de inicio de Magento Mobile App Creator, el administrador de la tienda puede editar y personalizar los siguientes elementos de diseño:

Categorías principales:

Las categorías principales se muestran en forma de pequeños cuadrados en la pantalla de inicio que se pueden configurar desde el backend usando imágenes y páginas de destino.

Square Banner es una lista configurable de forma cuadrada en la pantalla de inicio cuyas imágenes y páginas de destino se pueden configurar desde el backend del módulo.

Los Banners también se pueden mostrar en deslizamiento horizontal y su imagen / página de inicio se puede configurar desde la interfaz de back-end.

Los Banners también se pueden mostrar en forma de listado de cuadrícula en la pantalla de inicio de la aplicación móvil. Estas imágenes de banner y páginas de destino se pueden personalizar fácilmente desde

Magento eCommerce Mobile App Maker ofrece un anuncio de temporizador de cuenta regresiva en la pantalla de inicio para ofrecer una venta por tiempo (Flash Sale). El temporizador de banner, la imagen, la página de destino se pueden configurar desde el panel de fondo.

Productos cuadrados:

Los productos en su tienda se pueden enumerar en la pantalla de inicio de la aplicación en el listado cuadrado.

Productos deslizantes

Los productos se pueden mostrar en la vista deslizante en la pantalla de inicio de la aplicación móvil y se pueden configurar desde el panel de fondo.

Productos de rejilla:

Los productos también se pueden mostrar en la vista de cuadrícula en la pantalla de inicio de la aplicación móvil. Estos listados se pueden configurar como se muestra en la instantánea a continuación:

Productos de reciente acceso:

El Magento Mobile App Creator trae un elemento más de los productos vistos recientemente. Este atributo muestra aquellos productos en la vista deslizante que fueron visitados recientemente por el usuario.

Pantallas de la aplicación móvil 5.0:

Pantalla de Inicio 5.1:

El Magento Mobile App Builder ofrece una pantalla de inicio dinámica en las aplicaciones móviles que se puede diseñar fácilmente desde el panel de fondo. El administrador de la tienda obtiene la flexibilidad completa para diseñar y diseñar la pantalla de inicio según su elección. El generador de aplicaciones móviles de Magento ofrece los siguientes elementos de diseño: -> Categorías principales -> Banners cuadrados -> Banners deslizantes -> Banners de cuadrícula -> Productos cuadrados -> Productos deslizantes -> Productos de cuadrícula -> Cuenta atrás Timer Banner -> Productos vistos recientemente El posicionamiento de estos atributos también se puede cambiar con solo arrastrar y soltar.

a) Diseños dinámicos: Cree diseños de pantalla de inicio atractivos por su cuenta que se conectan con los usuarios y los obligan a realizar la compra.

b) Logotipo del sitio web: Agregue el logotipo de su tienda en el módulo backend y muestre el mismo en el encabezado de la aplicación.

c) Búsqueda: La opción de búsqueda en la aplicación móvil Magento permite a los usuarios buscar productos sin problemas. Tanto la búsqueda por palabra clave como por voz hace que sea más fácil para los compradores obtener el producto correcto en el menor tiempo posible.

d) Lista de deseos: La opción de lista de deseos en la aplicación móvil Magento le permite marcar los productos para futuras compras.

e) Carrito de compras: Los usuarios pueden acceder al carrito de la compra desde la esquina superior derecha de la pantalla de inicio.

f) WhatsApp / Zopim Chat: Los usuarios de la aplicación móvil Magento pueden contactarlo directamente con respecto a cualquier consulta o inquietud a través de la opción de chat de WhatsApp y Zopim en la pantalla de inicio.

Las aplicaciones móviles de Magento para Android y iOS presentan una categorización fácil de usar de los productos de su tienda. Los compradores en línea pueden navegar por todas las categorías en la barra de navegación junto con todas las páginas de CMS. Las categorías del menú Acordeón son las mismas que las de su tienda y ofrecen las siguientes opciones:

Mi cuenta:

La pantalla Mi cuenta de la aplicación móvil Magento contiene toda la información del usuario, como detalles personales, direcciones de envío y detalles de pedidos. Incluso hay una opción para que los usuarios registren su huella digital. Los compradores en línea pueden ver los detalles personales completos aquí y también actualizar la contraseña.

Categorías:

Todas las categorías de tu tienda también se encuentran en las aplicaciones móviles. Ofrezca una categorización de múltiples niveles a los usuarios de su aplicación y déjelos explorar los productos con facilidad.

Páginas CMS:

Aquí se mostrarán todas las páginas CMS de su sitio web, como Nosotros, Contacto, Términos y Condiciones, etc.

Idioma (s):

Las aplicaciones móviles de Magento son tanto multilingües como compatibles con RTL. Los usuarios pueden elegir el idioma deseado y todos los contenidos de la aplicación se traducirán en consecuencia. Todos los idiomas disponibles en la tienda se muestran aquí.

Moneda (s):

Al igual que en todos los idiomas, todas las monedas disponibles en su sitio web se mostrarán en las aplicaciones móviles de Magento. Esto permite a los usuarios realizar los pagos con la opción de moneda deseada.

Pantalla de Categoría 5.3:

También se mostrarán en las aplicaciones móviles todo tipo de categorización disponible en sus tiendas Magento. La pantalla de categoría tiene dos vistas: vista de cuadrícula y lista. La imagen del producto, nombre, precio se muestra para todos los listados de productos. Las aplicaciones móviles con Magento Mobile App Maker tienen múltiples opciones de filtro y clasificación que simplifican la búsqueda de productos para los usuarios.

Vista de cuadrícula y lista:

Los productos se pueden mostrar tanto en la cuadrícula como en la vista de lista.

Ordenar:

La opción de clasificación en las aplicaciones móviles de Magento permite a los usuarios ver productos en la categoría Baja a Alta o Alta a Baja.

Filtrar:

Filtre la categoría de productos con diversos atributos como precio, costo, etc. y busque los productos deseados sin ningún esfuerzo.

Pantalla del producto 5.4:

La pantalla del producto de la aplicación móvil Magento es tan simple y fácil de usar como podría ser. Cada producto tiene múltiples imágenes. se muestra junto con el nombre y el precio. La disponibilidad del producto también se muestra como “En stock” o “Fuera de stock”. La pantalla del producto tiene las siguientes otras opciones:

Opciones del producto:
En la pantalla del producto se muestran varias opciones relacionadas con el producto, como tamaño, color, etc. Estas opciones son las mismas que están disponibles en su sitio web.

Breve descripción:
Los usuarios pueden leer la breve descripción de su producto para tomar una decisión rápida. La aplicación móvil de Magento muestra una descripción corta y completa de los productos.

Información y cuidado del producto:
Toda la información relacionada con el producto específico se muestra en esta sección. Esta es la misma información que la del sitio web.

Añadir a la lista de deseos:
Los usuarios pueden incluso agregar los productos en la bolsa de deseos desde aquí. Los productos agregados en la lista de deseos están marcados para la compra futura.

Añadir a la cesta:
El botón Agregar al carrito le permite agregar un producto en el carrito que puede procesarse aún más en la creación exitosa de pedidos.

Compartir redes sociales de productos:
La aplicación móvil Magento tiene la opción de compartir los productos en diferentes plataformas sociales, Bluetooth y correo electrónico. Los usuarios pueden compartir los productos con sus amigos y familiares y traer usuarios potenciales a su tienda.

Pantalla de lista de deseos de 5.5:

los

Añadir

los

retirar

los

Pantalla de inicio de sesión de 5.6

El Magento Mobile App Creator ofrece varias opciones de inicio de sesión con un solo toque y hace que el proceso de registro / registro sea más sencillo:

Entrar:
Los usuarios de la aplicación pueden autenticar y acceder a las aplicaciones móviles de Magento mediante las credenciales de inicio de sesión de correo electrónico.

Regístrate:
Todos los usuarios nuevos pueden registrarse y crear su cuenta en la tienda desde la aplicación móvil. El formulario de registro de la aplicación móvil de Magento está totalmente despejado.

Ingresar con número de teléfono:
Su aplicación Magento Mobile también incluye la opción de inicio de sesión con el número de teléfono, que permite a los usuarios verificar la OTP y el inicio de sesión sin problemas.

Iniciar sesión con huella digital:
Los usuarios de la aplicación también tienen la opción de iniciar sesión con una huella digital. Esta autenticación biométrica permite a los usuarios iniciar sesión en aplicaciones en segundos.

Iniciar sesión con Facebook:
Los usuarios pueden iniciar sesión en aplicaciones móviles usando sus credenciales de cuenta de Facebook.

Iniciar sesión con Google+:
Los usuarios pueden iniciar sesión en la aplicación utilizando sus credenciales de cuenta de Google+.

Pantalla del carrito de compras 5.7:

La pantalla Carro de la compra de su aplicación móvil Magento mostrará todos los productos agregados al carro de la compra. El usuario de la aplicación puede ver el nombre del producto, la cantidad, el precio total y el costo de envío. Esta pantalla tiene las siguientes opciones:

1. Aplicar el vale:
Esta opción permite a los usuarios obtener descuentos y ofertas al ingresar cupones y cupones válidos que se ejecutan en su sitio web.

2. Precio total del producto:
Los usuarios pueden ver el costo completo de su bolsa de compras que se actualiza automáticamente según cualquier adición en el carrito.

3. Actualizar cantidad de producto:
Los usuarios pueden incluso actualizar la cantidad específica del producto.

4. Eliminar Producto:
Los usuarios de la aplicación simplemente pueden eliminar el producto del carrito.

5. Seguir comprando:
Los usuarios de la aplicación pueden dejar el carrito para buscar más productos en su aplicación. Los compradores serán redirigidos a la pantalla de inicio al tocar la opción Continuar comprando.

6. Continuar a la comprobación
Los usuarios de la aplicación pueden continuar con las pantallas de pago y pago con solo tocar la opción “Continuar al pago”. Re-dirigirá a los usuarios en la pantalla de pago.

Pantalla de pago 5.8

Las aplicaciones móviles creadas con Magento Mobile App Maker tienen un enfoque de pago simplificado en una sola pantalla. Los usuarios pueden revise los detalles completos del pedido, como detalles de envío, detalles de facturación, resumen del pedido, comentario del pedido, resumen del pago antes

Dirección de envío:
La pantalla de verificación de la pantalla de aplicaciones móviles de Magento proporciona detalles de todas las direcciones guardadas por el usuario. Si es necesario, el usuario también puede editar / guardar la nueva dirección de envío. El costo total de la compra también se muestra en esta pantalla.

Detalles de facturación:
Los usuarios pueden incluso ingresar los detalles de facturación junto con los detalles de envío para su compra. También pueden elegir que la dirección de envío sea la misma que la dirección de facturación.

Resumen del pedido:
Los usuarios de la aplicación pueden ver los detalles del producto comprado junto con la cantidad antes de realizar la compra final.

Métodos de envío:
Todos los métodos de envío que se ejecutan en su sitio web también se muestran en la pantalla de pago. Los usuarios pueden elegir el deseado desde aquí.

Comentario de la orden:
Los usuarios de la aplicación también pueden agregar cualquier comentario relacionado con su pedido que será visible para el administrador de la tienda en el backend.

Pantalla de pago 5.9:

La pantalla de pago en la aplicación móvil Magento muestra los métodos de pago de la aplicación web y de la vista nativa. Las aplicaciones móviles de Magento admiten todo tipo de opciones de pago en el sitio web junto con los métodos de pago de PayPal y COD. Además, otras aplicaciones de pago nativas como PayU, Apple Pay, Amazon Pay, Braintree, Stripe, etc. también se pueden agregar a su aplicación móvil a un precio justo.

Pantalla de Mi cuenta 5.10

La pantalla Mi cuenta de la aplicación Magento Android / iOS permite a los usuarios ver los detalles completos de la cuenta, incluida la lista de todos los pedidos anteriores. Mi cuenta

Historial de pedidos:
Los usuarios conocen los detalles completos de los pedidos creados en la aplicación. La fecha de creación del pedido, la referencia, el precio y el estado de entrega están disponibles en esta pantalla.

Actualización del perfil:
Los usuarios también pueden actualizar sus detalles de perfil previamente guardados, como Nombre o Apellido, número de teléfono y contraseña.

Dirección (s) de envío:
Los usuarios de la aplicación pueden ver la lista completa de direcciones de envío guardadas. Nueva dirección de envío también se puede agregar desde aquí.

Detalles del pedido:
Los usuarios de la aplicación pueden ver la lista completa de los pedidos realizados anteriormente desde la aplicación.

Reordenar la función:
Existe una funcionalidad de reorden directa que permite a los usuarios repetir el pedido simplemente haciendo clic en el botón “Reordenar”.

Pantalla de detalles del pedido 5.11

La pantalla de detalles del pedido de la aplicación Android y iOS de Magento proporciona detalles completos del pedido, como la dirección de envío, el resumen del producto, el método de envío y pago y el resumen del costo total. Este detalle de pedido es del pedido anterior realizado por usted. Los usuarios pueden incluso rastrear la entrega de pedidos previamente colocados directamente desde esta pantalla.

6.0 Advanced Magento Marketplace

El Magento Marketplace de KnowBand convierte su sitio web en línea en un mercado de pleno derecho. El generador de aplicaciones móviles de Magento es totalmente compatible con Extensión de Magento Marketplace. Esto significa que puede traer la lista completa del mercado en las mismas aplicaciones móviles de Magento. Por lo tanto, inicie un par de aplicaciones móviles compatibles con Marketplace con KnowBand y atraiga una gran base de vendedores y clientes a su tienda. -> A medida que el usuario hace clic en la opción Vendedor, se redirige a la página del Vendedor de la tienda móvil. El usuario puede ver la lista de los vendedores del mercado junto con su calificación. -> Los clientes pueden hacer clic en el nombre del vendedor para ver su perfil y el producto que se ofrece. Los vendedores pueden iniciar sesión con su nombre de usuario y contraseña. Luego se redirigen al panel de control.

Conozca más sobre el complemento Magento Mobile App Builder con:

Magento Mobile App Builder

Magento Marketplace avanzado con aplicación móvil

Admin Demo Link

Demostración de la aplicación frontal para Android

Demostración de la aplicación frontal para iOS

Vídeo Enlace: