Manual del usuario del generador de aplicaciones móviles WooCommerce

¡Obtén aplicaciones Flutter completas para Android e iOS para tu sitio web WooCommerce y comienza a vender tus productos en aplicaciones móviles!

1.0 Introducción

WooCommerce Mobile App Builder

Este es el manual de usuario de la solución de aplicaciones móviles Flutter de WooCommerce Mobile App Builder, una solución de última generación y lista para usar. Este complemento para sitios web de comercio electrónico fue creado y diseñado por expertos para ayudarlo a crear aplicaciones de compras para Android e iOS impecables y repletas de funciones.

1.1 Introducción al generador de aplicaciones móviles WooCommerce

La forma más sofisticada y automatizada de expandir su negocio en línea a plataformas móviles es con el WooCommerce Mobile App BuilderConvierte todo su sitio web en una aplicación móvil con funciones y le permite vender productos en dispositivos móviles además del sitio web tradicional. Las funciones y el funcionamiento de la aplicación reflejan perfectamente los del sitio web y son compatibles con dispositivos Android y iPhone. El marco preconfigurado que utiliza nuestro WooCommerce Mobile App Builder fue creado por expertos y profesionales para crear dos aplicaciones de comercio electrónico Flutter (Android e iOS). Las aplicaciones pueden poner todos los artículos de su tienda al alcance de la mano del usuario y aumentar las ventas y los ingresos. Por lo tanto, esta es su mejor oportunidad si es un comerciante de la tienda WooCommerce que busca una solución de aplicación móvil completa. Para obtener información completa sobre el desarrollo de aplicaciones móviles WooCommerce, lea el artículo en su totalidad. Además, el complemento Multi-vendor Marketplace es totalmente compatible con nuestra extensión WooCommerce Mobile App Builder. Las mismas aplicaciones móviles se pueden utilizar para acceder a todo el listado del mercado. Aún mejor, ofrecemos un paquete que incluye WooCommerce Advanced Marketplace With Mobile App y WooCommerce Multi-Vendor Marketplace. Además, se sentirá persuadido de elegir esta solución de aplicación Flutter si considera las siguientes ventajas de WooCommerce Mobile App Maker:

  1. Una solución de aplicación móvil sin codificación.
  2. Un panel administrativo acogedor con acceso completo.
  3. Asistencia gratuita durante tres meses
  4. Soluciones completas para Flutter (Android e iOS)
  5. Sincronización de tus aplicaciones y sitio web en todo momento
  6. Extremadamente flexible en términos de diseño y funcionamiento.
  7. Utiliza herramientas de marketing prácticas para impulsar la participación del usuario.
  8. Aumenta los ingresos y el tráfico de tu tienda.

Principales cualidades del generador de aplicaciones móviles WooCommerce:

La siguiente es una lista de algunas de las características principales que incluirán sus aplicaciones con WooCommerce Mobile App Builder:

  • Se puede cambiar el diseño de la pantalla de inicio (Flexibilidad total)
  • Identidades de la tienda
  • (24/7) Soporte por chat de WhatsApp
  • Inicio de sesión con OTP y huella dactilar tanto para tabletas como para teléfonos inteligentes con Google y Facebook
  • Admite iOS 9 y versiones posteriores de iOS, así como también Android 4.2 y versiones superiores.
  • actualizaciones automáticas de inventario.
  • Numerosas opciones de fuentes y colores
  • Bilingüe y RTL (Derecha a izquierda)
  • Admite todos los tipos de productos
  • Admite múltiples monedas
  • Sitio web de soporte Método de envío compatible con las aplicaciones
  • Sitio web de soporte Método de pago
  • Notificaciones push indefinidas
  • Opciones para compartir productos en redes sociales
  • Numerosas opciones para ordenar y filtrar.
  • Funcionalidad de lista de deseos
  • Cupones o vouchers de internet respaldados por apps.
  • Pantalla de pago con menos detalles
  • Monitoreo de pedidos en vivo
  • Menú de acordeón ininterrumpido
  • Pantalla de categoría y producto claramente definida

Últimas actualizaciones de versiones en aplicaciones móviles de WooCommerce:

Con un botón “Agregar al carrito” integrado para los productos en la pantalla de inicio y categorías, la aplicación móvil WooCommerce se ha vuelto más fácil de usar para los compradores en línea. Con solo tocar el botón del carrito, los usuarios pueden agregar rápidamente productos al carrito. La pantalla de categorías de las aplicaciones móviles también cuenta con un botón Agregar al carrito. Los usuarios solo necesitan desplazarse hasta la parte inferior de la página para explorar los productos y seguir agregando artículos a su carrito de compras tocando el botón Agregar al carrito.

A) Reseñas de aplicaciones para productos

Actualmente, nuestra aplicación móvil WooCommerce es compatible con el módulo de comentarios de productos integrado de WooCommerce. El usuario ahora puede publicar reseñas de productos en el sitio web y esas reseñas también aparecerán en la aplicación. El usuario tiene acceso para leer y escribir reseñas en la aplicación.

b) Productos relacionados de la App Store

El módulo Productos relacionados automáticos ahora es compatible con el generador de aplicaciones móviles WooCommerce. En la página de producto del sitio web y la aplicación móvil, se pueden mostrar productos relacionados. Esta compatibilidad puede ser una herramienta maravillosa para que su empresa aumente las ventas cruzadas.

C) Enlaces profundos:Una función de enlace profundo está incorporada en el Aplicación móvil WooCommerceAhora, cuando se comparte un enlace, el usuario será redirigido a la aplicación en lugar de al sitio web. El único requisito es instalar la aplicación en el dispositivo móvil. El enlace compartido incluso dirigirá al usuario a la pantalla de la aplicación correspondiente.

D) Accesibilidad en modo offline: Con esta extensión, las aplicaciones móviles de comercio electrónico ahora funcionarán incluso cuando no haya conexión a Internet. Los usuarios podrán navegar en cualquier momento por las páginas que se cargaron mientras Internet estaba activo. Productos, categorías, la pantalla del carrito, etc.

-> Explorar Módulo GDPR de WooCommerce

E) Spin & Win (suscripción por correo electrónico gamificada) Compatibilidad:

La extensión WooCommerce Spin & Win también es compatible con WooCommerce Mobile App Creator. En la tienda web, la ventana emergente de suscripción por correo electrónico gamificada ofrece una rueda giratoria interactiva que se puede programar para que se muestre al entrar o salir. La misma ventana emergente se mostrará automáticamente en las aplicaciones gracias a esta integración. La extensión solo necesita instalarse en su sitio web.

F) Elementos del banner de vídeo: El generador de aplicaciones móviles WooCommerce de Knowband ahora admite banners de video en la página de inicio. Los administradores de la tienda pueden cargar videos directamente o insertar videos de YouTube, lo que hace que la página de inicio sea más atractiva visualmente y mejora la experiencia del usuario.

G) Vista de lista/cuadrícula: El generador de aplicaciones móviles nativas WooCommerce 2 de Knowband para Android e iOS permite a los usuarios de la aplicación cambiar fácilmente entre las vistas de lista y cuadrícula mientras exploran los productos. Esta función mejora la experiencia de compra al brindar una forma flexible y atractiva de explorar los productos. Los usuarios pueden alternar entre las vistas utilizando el botón de lista/cuadrícula en las páginas de listado de productos.

H) Deslizadores de banners automatizados: El último Knowband Magento 2 Mobile App Builder incluye una función de control deslizante de banners automatizado. Los administradores de la tienda pueden configurar fácilmente el intervalo de deslizamiento desde el backend del módulo. Esto es especialmente útil para los “Controles deslizantes horizontales de banners” en la página de inicio, lo que permite a los administradores agregar banners de video e imagen para una visualización más dinámica y atractiva.

I) Sección de Revisión Ampliada: La aplicación móvil de Knowband cuenta con una sección de reseñas mejorada. Las reseñas aprobadas se muestran con una mejor interfaz de usuario, lo que ofrece una experiencia visualmente más atractiva y fluida tanto para los usuarios de Android como de iOS. -> Investigar Módulo Spin Win de WooCommerce

Esta no es la última parte de la lista. Obtenga más información sobre las funciones en profundidad en esta página.

2.0 Demostración de la aplicación móvil WooCommerce

KnowBand es consciente de sus dudas sobre el uso de la solución y ha proporcionado a todos los propietarios de tiendas de comercio electrónico una demostración gratuita para disipar sus preocupaciones. Los comerciantes pueden ver su tienda en funcionamiento en nuestras aplicaciones de demostración, así como nuestra tienda de demostración en funcionamiento en dispositivos móviles.

2.1 Visite nuestra tienda de demostración de aplicaciones

¿Quieres ver las características de la aplicación de comercio electrónico? Para que puedas explorar la aplicación y ver todas sus características, hemos integrado nuestra tienda de demostración con ella. Solo tienes que seguir las siguientes pautas: Paso 1: Puedes usar tu dispositivo móvil para descargar e instalar la aplicación móvil Nautica WooCommerce. A continuación, se incluyen enlaces para descargar versiones de prueba de las siguientes aplicaciones: Apple App Store – https://testflight.apple.com/join/mrvIRLfw

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

En segundo lugar, haga clic en el botón Ver demostración después de iniciar la aplicación Nautica WooCommerce. ¡Ya terminé! En la aplicación de demostración, verá nuestra tienda de demostración en funcionamiento. Puede explorarla, probar todas las funciones, realizar pedidos, etc. Nota: Haz clic aquí para acceder al panel de administración de KnowBand Mobile App Builder en nuestra tienda de demostración.

2.2 Observa cómo funciona tu tienda con aplicaciones de demostración

¿No estás satisfecho? ¿Quieres probar las aplicaciones de demostración en tu tienda? Sin embargo, tenemos todo cubierto para ti. En nuestra aplicación de demostración, también puedes probar tu tienda, y sin costo alguno. Solo necesitas seguir estos 3 pasos para lograr los mismos resultados:

  • Instale la Creador de aplicaciones móviles WooCommerce GRATUITO Complementa tu tienda como primer paso.
  • Instala las aplicaciones de demostración en tu dispositivo móvil en el paso 2 (los enlaces se encuentran en la sección anterior). Abre la aplicación y escribe la URL de la tienda.
  • Haga clic en “Ver su tienda” para comenzar a usar aplicaciones de demostración para explorar su tienda.
  • Escriba la URL de su tienda en el cuadro que aparece.

Por ejemplo, consulte https://www.example.com/ Nota: No se proporcionarán archivos APK o IPA con este módulo; esta versión gratuita de Mobile App Builder es solo para fines de demostración. Debe comprar la versión paga de WooCommerce Mobile App Builder para obtener sus propios archivos APK/IPA.

3.0 Crea una aplicación móvil WooCommerce en 3 sencillos pasos

Esperamos que hayas disfrutado de la demostración de aplicaciones móviles de WooCommerce y hayas descubierto lo que buscabas. Ahora es el momento perfecto para añadir un par de aplicaciones Flutter a tu tienda. Se puede crear una aplicación móvil de comercio electrónico de la forma más sencilla posible. Tu aplicación estará lista en tan solo 3 sencillos pasos y en 1 o 2 días laborables.

Primera, agrega el módulo a tu sitio web. Instala WooCommerce Mobile App Builder en tu tienda después de descargarlo.

Paso 2:Comparte los detalles de tu aplicación Utiliza nuestro formulario de requisitos previos para compartir las especificaciones de tu aplicación.

Paso 3:En 1-2 días, recibirás tus aplicaciones Nuestros expertos desarrolladores crean tus aplicaciones exactamente de acuerdo con los detalles que nos has proporcionado. En 1-2 días, te responderemos con los archivos APK/IPA. Nota: Estos archivos APK/IPA se pueden publicar en las tiendas de aplicaciones correspondientes. ¿Aún tienes problemas? Cuéntanos y te ayudaremos a publicar las aplicaciones. Además, puedes contactarnos a support@knowband.com si tienes alguna pregunta o sugerencia.

4. Instalación del módulo

Recibirá los archivos que se enumeran a continuación una vez que haya comprado el módulo WooCommerce Mobile App Builder: 1. Archivo comprimido con formato ZIP (contiene el código fuente del complemento) 2. Guía del usuario

Ahora puede continuar el proceso de instalación de una de las dos maneras que se enumeran a continuación:

Detalles de la instalación del módulo a través de FTP Instalación de un módulo utilizando detalles de administrador

5.0 Pantallas para el panel de administración

Es hora de configurar el panel de administración de WooCommerce Mobile App Creator después de que se haya instalado correctamente en su sitio web. Verá la siguiente pestaña con interfaces fáciles de usar tan pronto como seleccione la opción “Configurar” en KnowBand Mobile App Builder. Eliminemos cada una de ellas individualmente.

5.1 Configuración general:

La pestaña Configuración general incluye todas las opciones necesarias para sincronizar la aplicación móvil en los dispositivos de los usuarios.

A) Habilitar complemento:Para que su aplicación móvil funcione en los dispositivos de los usuarios, habilite el complemento WooCommerce Mobile App Creator. B) Habilitar Girar y ganar: Cuando cualquier usuario abra la aplicación, habilite la visualización de una ventana emergente con una ruleta gamificada en la pantalla de inicio. Se puede utilizar para ofrecer descuentos y ofertas a cambio de sus direcciones de correo electrónico, que luego se utilizan para marketing. El módulo Spin and Win de Knowband debe estar instalado en su sitio web para que esta funcionalidad funcione. El módulo Spin and Win solo funcionará si el complemento se ha instalado en su tienda. C) Redirigir a la página del carrito cuando se agrega al carrito: Esta función le permite administrar la navegación del botón “Agregar al carrito”. Cuando un usuario presiona el botón Agregar al carrito, tiene la opción de enviarlo al carrito de compras o mantenerlo en la página del producto. Esto aumenta la probabilidad de que realice compras adicionales. D) Mostrar descripción breve:Permitir que la descripción breve del producto aparezca en la pantalla del producto junto con la descripción completa y otra información.

E) Elegir diseño: Elige el diseño de la página de inicio que quieras para tu aplicación WooCommerce. Según las diferentes festividades y temas, puedes crear una variedad de diseños de pantalla de inicio en el backend y usarlos según sea necesario para tu tienda. Elige el color de botón preferido para tu aplicación móvil WooCommerce en la opción F) Color del tema de la aplicación:Elige el color de tema preferido para tu aplicación móvil WooCommerce. G) Logo:Coloca el logotipo de tu tienda en el encabezado superior de la aplicación cargándolo. Esto ayudó a que tu marca ganara reconocimiento entre los clientes móviles de todo el mundo. H) Métodos de envío deshabilitados:Seleccione las opciones de envío que desea que estén ocultas en la aplicación móvil WooCommerce. I) Páginas CMS habilitadas:Seleccione las páginas CMS que desea que aparezcan en las aplicaciones móviles. J) Habilitar informes de registros de solicitudes:Habilite la función de registro en las aplicaciones móviles para obtener más información sobre cualquier comportamiento inusual que muestre su aplicación. K) Habilitar el soporte de chat de WhatsApp:En las aplicaciones móviles de WooCommerce, activa la opción de chat de WhatsApp. Los usuarios podrán usar el número de WhatsApp que ingreses en el backend para comunicarse contigo directamente. L) Habilitar/deshabilitar el registro de números de teléfono:En su aplicación móvil WooCommerce, habilite la opción de inicio de sesión con número de teléfono y habilite la autenticación OTP para sus usuarios. M) Habilitar la codificación de URL para enlaces de imágenes:Active esta función para permitir que la aplicación admita caracteres distintos a ASCII.

N) Mostrar botón Agregar al carrito en el bloque de producto: El administrador puede mostrar/ocultar el botón “agregar al carrito” para las páginas de listado de productos con la ayuda de este botón.

O) Habilitar la función de lista de notificaciones: El botón permite al administrador habilitar las funciones de lista de notificaciones para los usuarios de la aplicación. Si esta opción está deshabilitada, la pestaña de notificaciones no aparecerá en la aplicación.

P) Habilitar inicio de sesión emergente: El administrador puede habilitar o deshabilitar la ventana emergente de inicio de sesión/registro para los nuevos clientes con esta opción.

5.2 Configuración de notificaciones push

El Creador de aplicaciones móviles WooCommerce para Android e iOS utiliza los servicios principales de Google para las notificaciones push en dispositivos móviles para aprovechar el poder de las notificaciones push. Proporciona esta práctica herramienta de marketing para aumentar las ventas al captar la atención de los usuarios de inmediato. Con la ayuda de su aplicación móvil WooCommerce, puede destacar fácilmente sus ofertas y promociones actuales. El Creador de aplicaciones móviles WooCommerce ofrece notificaciones tanto automatizadas como personalizadas.

A) Cuenta de servicio JSON: Con la descontinuación de la API de mensajería push de Firebase tradicional, se la reemplazó por un archivo JSON de cuenta de servicio. En esta sección, los administradores pueden configurar el archivo JSON desde su cuenta de Firebase. Puede configurarlo usted mismo o podemos proporcionarle el archivo JSON de cuenta de servicio durante el proceso de creación de la aplicación para su conveniencia. B) Habilitar/deshabilitar notificación de creación de pedidos: Habilitar/Deshabilitar la notificación automática automática enviada a los usuarios de la aplicación luego de la creación exitosa de un pedido. –> Título y mensaje para la notificación automática: Para crear un pedido exitosamente, ingrese el título y el mensaje en la configuración de la notificación automática. C) Notificación de cambio de estado del pedido:Los usuarios de la aplicación pueden elegir si desean recibir notificaciones automáticas cuando cambie el estado de entrega de su pedido anterior. -> Título y mensaje para notificación automática: ingrese el título y el mensaje cada vez que se actualice el estado de entrega de un pedido anterior en la configuración de notificación automática. D) Habilitar/deshabilitar la notificación de carrito abandonado: Habilite o deshabilite las notificaciones automáticas que se envían a los usuarios cuyos carritos han sido abandonados pero no han realizado ninguna compra. Ingrese el título y el mensaje de la notificación automática que se envía a los usuarios de la aplicación que han abandonado sus carritos. E) Intervalo de tiempo:La cantidad de tiempo (en horas) entre el cual los usuarios de la aplicación que abandonaron sus carritos sin realizar una compra recibirán notificaciones push.

5.3 Historial de notificaciones push

Esta pestaña incluye un historial de cada tipo de notificación push que se envió a un usuario con información relevante. El minorista tiene acceso a todas las notificaciones enviadas anteriormente. Además, se puede enviar una notificación personalizada creada en el backend a los usuarios mediante esta pestaña. A través de notificaciones enviadas manualmente, puede informar fácilmente a los clientes sobre cualquier información o descuento relacionado con la tienda.

Enviar notificación:Puedes elegir enviar manualmente una notificación a los usuarios de la aplicación mediante esta opción. Según la captura de pantalla a continuación, puedes personalizar el título, el mensaje, la página de destino, la imagen, etc. de la notificación.

a) Título de la notificación push:Este es el nombre de la notificación push manual que enviará a los usuarios de la aplicación. b) Mensaje de notificación push:El texto de la notificación manual que debe enviarse a los usuarios de la aplicación. c) Tipo de dispositivo:Puedes especificar qué usuarios en Android, iOS o ambas plataformas quieres que reciban tu notificación push manual. d) Tipo de imagen:Puedes cargar el banner o la imagen que quieras utilizar para complementar tu notificación. La imagen del banner se puede utilizar directamente a través de una URL o se puede cargar. e) Imagen de notificación: El administrador de la tienda tiene la oportunidad de obtener una vista previa de la imagen de notificación y evaluar cómo aparecerá en las aplicaciones de los usuarios. La URL real de la imagen de notificación que se enviará a los usuarios de la aplicación se incluye en el punto f. f) Actividad de redirección: Aquí, puede seleccionar entre la pantalla de inicio, cualquier categoría o cualquier producto para redirigir su notificación. Sus usuarios serán dirigidos a lo que especifique cuando presionen la notificación push. g) Elija la categoría/producto:Para su notificación, puede seleccionar cualquier categoría/pantalla de producto relevante. h) Enviar notificación:Después de crear y obtener una vista previa de tu notificación, es momento de enviarla a tus aplicaciones.

5.4 Procedimientos de pago

El Creador de aplicaciones móviles WooCommerce para Android e iOS admite todos los tipos de métodos de pago de sitios web. También incluye la opción de pago contra reembolso y la flexibilidad de incluir métodos de pago adicionales en la vista web. En nuestra aplicación móvil, la única opción de pago disponible es el pago contra reembolso de forma predeterminada. Sin embargo, deshabilite el método de pago contra reembolso desde el back-end del módulo si desea agregar los mismos métodos de pago que en su tienda WooCommerce. Todas las opciones de pago que están disponibles en su sitio web funcionarán como se espera en sus aplicaciones móviles después de que se deshabilite el método de pago contra reembolso.

5.5.1 Diseño de la página de inicio

La capacidad del complemento WooCommerce Mobile App Builder para diseñar y crear múltiples diseños de pantalla de inicio utilizando diferentes atributos y elementos de diseño es una de sus características más sorprendentes. Como se puede ver en la captura de pantalla a continuación, esta pestaña contiene una lista de diseños de pantalla de inicio que se han configurado previamente utilizando diferentes temas y fuentes:

Los siguientes elementos están disponibles en el back-end para configurar los diseños de la página de inicio:

  • Categorías superiores
  • Banner cuadrado
  • Banner deslizante horizontal
  • Banners de cuadrícula
  • Bandera de cuenta regresiva
  • Productos Grid
  • Productos deslizantes horizontales
  • Productos a los que se accedió recientemente
  • Agregue videos de YouTube/cargue videos en el diseño de la página de inicio.
  • Ventana emergente de inicio de sesión/registro para los usuarios que no han iniciado sesión.
  • Agregue banners personalizados con dimensiones personalizadas.

El comerciante de la tienda puede configurar cualquiera de estos atributos y utilizarlos para crear y guardar varios diseños. Estos diseños se pueden utilizar en función del tema y las especificaciones. Además, con solo arrastrar y soltar, se pueden cambiar las posiciones de los diferentes elementos.

Categorías principales:

Las categorías principales se pueden configurar, incluidas sus imágenes y categorías de destino o productos, y se muestran como pequeños cuadrados en la pantalla de inicio. El máximo de categorías disponibles a través del Creador de aplicaciones móviles WooCommerce es 8, con un mínimo de 4 requerido.

Banner cuadrado:

Las categorías principales se pueden configurar, incluidas sus imágenes y categorías de destino o productos, y se muestran como pequeños cuadrados en la pantalla de inicio. El máximo de categorías disponibles a través del Creador de aplicaciones móviles WooCommerce es 8, con un mínimo requerido de 4. En las actualizaciones recientes, también hemos proporcionado la opción de mostrar diferentes videos con la sección de Video de YouTube/Carga de video agregada en la sección “Seleccionar tipo de imagen”.

Banner deslizante horizontal:

Estas puertas corredizas rectangulares están disponibles y son totalmente personalizables desde el backend. Al igual que los cuadrados de banner, el administrador también puede resaltar los controles deslizantes de banner agregando elementos de video. Además, ahora el administrador puede tener la opción de ingresar el tiempo que desea establecer para el deslizamiento automático del banner.

Banners de cuadrícula:

Se trata de banners con forma cuadrada que se muestran en formato de cuadrícula en la pantalla de inicio. En la pantalla de inicio, puedes colocar tantos banners como quieras. También puedes cambiar la imagen de la página de destino según sea necesario.

Banner de temporizador de cuenta regresiva:

El creador de aplicaciones móviles WooCommerce ofrece un temporizador de cuenta regresiva en el banner. Puedes elegir la página de destino y la imagen del banner, así como configurar un temporizador para cuando quieras que se muestre el banner. El banner desaparecerá automáticamente cuando expire el temporizador.

Productos cuadrados:

Respecto a los banners, el Creador de aplicaciones móviles WooCommerce permite mostrar productos como listados cuadrados en la pantalla de inicio.

Productos deslizantes horizontales

Los productos se pueden agregar como controles deslizantes horizontales. Los productos seleccionados pueden pertenecer a una categoría en particular o pueden destacarse como los más vendidos, los productos destacados, etc.

Productos de rejilla:

También se pueden añadir listas de productos en cuadrícula a la pantalla de inicio. Se puede utilizar cualquier categoría para seleccionar los productos.

Productos vistos recientemente:El Creador de aplicaciones móviles WooCommerce ofrece el elemento de pestaña reciente, que muestra los productos más recientes que el usuario ha visto. Para mostrar el elemento en la pantalla de inicio, simplemente inclúyalo en su diseño.

Ventana emergente de registro: Capturar los correos electrónicos de los visitantes es un gran desafío en el comercio electrónico. Para simplificarlo, la última versión del generador de aplicaciones móviles de Magento 2 incluye una función de ventana emergente de inicio de sesión/registro. Los administradores de la tienda pueden agregar una ventana emergente que aparece para los clientes que no han iniciado sesión, lo que facilita la recopilación de correos electrónicos al ofrecer opciones de inicio de sesión simples y aumentar las posibilidades de que se registren los correos electrónicos. Nota: Al diseñar un diseño en el panel de backend, el administrador de la tienda puede agregar hasta 20 elementos.

6.0 Pantallas para aplicaciones móviles

Pantalla de Inicio de 6.1

La pantalla de inicio de tu aplicación móvil WooCommerce será exactamente como quieras que sea. Tienes un control creativo completo sobre cómo diseñar y crear una pantalla de inicio con WooCommerce Mobile App Maker. Puedes crear diseños de pantalla de inicio fáciles de usar utilizando una variedad de banners (cuadrados, cuadrícula, deslizantes), productos (cuadrados, cuadrícula, deslizantes), banners con temporizador de cuenta regresiva y pestañas de productos recientes en el backend.

 

Además, se pueden cambiar las ubicaciones de los diferentes elementos de diseño según la situación. 1. Diseños dinámicos:Puedes crear y guardar diferentes diseños en el backend y reutilizarlos para diferentes eventos y festivales utilizando una variedad de elementos. La pantalla de inicio de tu aplicación se puede crear y personalizar de forma dinámica. 2. Logotipo de la Marca:La sección central izquierda del encabezado superior de la aplicación móvil WooCommerce muestra el logotipo de su tienda. El logotipo se puede habilitar o deshabilitar, así como cambiar su imagen, desde el backend del módulo. 3. Buscar:La función de búsqueda permite a los usuarios de la aplicación móvil encontrar lo que buscan de forma rápida y sencilla. La aplicación móvil WooCommerce ofrece dos formas de buscar productos: En el diseño de la barra de pestañas inferior de la aplicación móvil WooCommerce, hay una opción de búsqueda. –> Texto: Los usuarios de su aplicación pueden buscar los productos deseados ingresando algunas palabras clave relevantes. La aplicación móvil WooCommerce mostrará los resultados para esa palabra clave que sean pertinentes. 4. Bolsa de lista de deseos:La bolsa de la lista de deseos, que contiene todos los productos marcados como favoritos, se puede ver en el encabezado superior de la aplicación móvil WooCommerce. Los usuarios de la aplicación pueden guardar los artículos de su lista de deseos en una bolsa para posibles compras futuras. 5. Carrito de compras:El carrito de compras se encuentra en la pantalla de inicio de la aplicación, en la esquina superior derecha. Desde allí, los usuarios pueden conocer los productos agregados a su carrito. 6. WhatsApp:

En la parte inferior derecha de la pantalla de inicio, se encuentra una opción de chat en vivo entre vendedor y comprador. Los clientes que usan su aplicación móvil pueden enviarle mensajes de manera fácil y directa con cualquier pregunta, y usted puede responderlas de inmediato.

6.2.1 Un menú de acordeón (barra de navegación)

En el sitio web, hay aplicaciones móviles de WooCommerce para Android e iOS que se han desarrollado con una categorización precisa de los productos. Los compradores móviles pueden explorar una variedad de productos con facilidad. El menú de acordeón también está disponible para todas las páginas de CMS. Ofrece las siguientes alternativas:

 

1. Mi cuenta

Todos los datos de los usuarios, incluidos los datos personales, las direcciones de envío y los detalles de los pedidos, se pueden encontrar en la pantalla Mi cuenta. Los clientes tienen acceso a toda su información y pueden actualizar tanto sus credenciales de inicio de sesión como su información personal. 2. Categorías

Estas categorías coinciden exactamente con las de su sitio web. Para facilitar la navegación, puede asignarlas de forma adecuada y proporcionar una categorización de 3 niveles a los usuarios de la aplicación. 3. Páginas CMS

Aquí se muestran varias páginas de CMS de su sitio web, incluidas Acerca de nosotros, Contáctenos, Términos y condiciones, etc. Desde el backend de WooCommerce Mobile App Builder, puede seleccionar la que desea que se muestre en la aplicación móvil. 4. Idioma

Sus usuarios pueden ver la aplicación móvil WooCommerce en su idioma nativo utilizando la opción de selección de idioma. 5. Moneda(s)

La aplicación móvil WooCommerce también muestra todas las monedas que se ofrecen en su sitio web de comercio electrónico. Los clientes pueden ver y comprar productos por el precio en la moneda que elijan. 6. Iniciar sesión/Cerrar sesión

Esta opción facilita que sus usuarios inicien y cierren sesión en la aplicación móvil WooCommerce.

6.3 Pantalla de categoría:

Su aplicación móvil WooCommerce incluye todas las categorías asociadas, categorías principales y subcategorías. La pantalla de categorías se crea con un desorden mínimo en

1. Dos puntos de vista fundamentales: Cuadrícula y lista. En cada listado, se muestran el nombre del producto, la imagen, el precio y el descuento junto con un botón para agregarlos a su lista de deseos. La navegación por capas en las aplicaciones móviles creadas con el Creador de aplicaciones móviles de WooCommerce hace que encontrar productos sea mucho más fácil. Las pantallas de categorías ofrecen las siguientes opciones:


2. Ordenar:

Los clientes pueden elegir el orden preferido para ordenar los precios de los productos por categoría mediante esta opción. Tus aplicaciones tienen dos opciones de ordenación: Precio: de menor a mayor y Precio: de mayor a menor.

3. Filtrar:

Los usuarios pueden filtrar los productos utilizando varias opciones de selección proporcionadas en la pestaña de filtro.

6.4 Pantalla del producto:

La pantalla de productos de tu aplicación móvil WooCommerce es sencilla e interesante. Junto con el nombre y el precio, se muestran varias imágenes del mismo artículo. Según el estado del inventario, también se indica la disponibilidad del producto como “En stock” o “Agotado”. Incluye los siguientes artículos adicionales.

1. Opciones

Opciones de producto: esta pantalla muestra todas las opciones disponibles para el producto, incluido el tamaño, el color, etc. Las opciones de producto que aparecen aquí coinciden con las del sitio web.

2. Breve descripción

Los usuarios pueden decidir rápidamente después de leer la breve descripción de su producto.

3. Detalles y cuidados del producto

Esta página muestra toda la información del producto que figura en el sitio web. Los usuarios de la aplicación pueden acceder a esta página para obtener información detallada del producto.

4. Añadir a la lista de deseos:Al tocar “Agregar a la lista de deseos” en la parte inferior izquierda de la pantalla del producto, los usuarios de la aplicación móvil pueden marcar directamente el producto como favorito.

5. Añadir al carrito:Como su nombre lo indica, al hacer clic en el botón “Agregar al carrito”, se agrega el producto directamente al carrito de compras, lo que permite a los usuarios continuar con la transacción.

6. Intercambio de productos en redes sociales

En esta pantalla, tienes la opción de compartir tu producto en varias redes sociales, como Bluetooth y correo electrónico. Los usuarios de la aplicación pueden invitar a muchos usuarios a su aplicación compartiendo los productos con sus amigos y familiares en varias plataformas de redes sociales.

Pantalla de inicio de sesión de 6.6

El creador de aplicaciones móviles WooCommerce agiliza el proceso de inicio de sesión/registro y ofrece una variedad de opciones de inicio de sesión con un solo toque:

1. Iniciar sesión

Al utilizar sus direcciones de correo electrónico como credenciales de inicio de sesión, los usuarios de la aplicación pueden autenticarse y acceder a las aplicaciones.

2. Registrar

La aplicación móvil permite que todos los nuevos usuarios de la aplicación se registren y creen una cuenta en la tienda. En el formulario de registro de la aplicación móvil WooCommerce solo se solicita la información pertinente.

3. Utilice el número de teléfono para iniciar sesión

La opción de inicio de sesión con número de teléfono más fácil y confiable que ofrece su aplicación móvil hace que sea más sencillo para los usuarios iniciar sesión y verificar su OTP.

4. Usa tu huella digital para iniciar sesión

Además, tus usuarios tienen la opción de usar la autenticación por huella digital para iniciar sesión. Gracias a esto, los usuarios ahora pueden acceder rápidamente a las aplicaciones.

5. Inicia sesión con Facebook

Los usuarios pueden acceder a la aplicación iniciando sesión con sus credenciales de Facebook.

6. Inicie sesión con Google

Los usuarios pueden iniciar sesión en la aplicación usando su cuenta de Google en poco tiempo.

7. Pantalla del carrito de compras:

Todos los artículos de su carrito de compras se muestran en la pantalla del carrito de compras de la aplicación móvil WooCommerce. El nombre del producto, la cantidad, el precio total y el costo de envío son visibles para los usuarios de la aplicación.

1. Utilice el cupón

Al ingresar cupones y vales activos actualmente en su sitio web, esta opción permite a los usuarios recibir descuentos y ofertas.

2. El coste total del producto

Los usuarios pueden acceder a esta página para consultar el coste total de su cesta de compra. Se actualiza automáticamente cada vez que se produce un cambio en la cantidad de un producto o una adición.

3. Revisión de la cantidad de productos

Con la opción “Actualizar cantidad”, los usuarios de la aplicación pueden incluso cambiar la cantidad del producto.

4. Retire el artículo

Los usuarios de la aplicación pueden eliminar fácilmente un producto de su carrito seleccionando “Eliminar” en el menú.

6. Continuar al pago

Al seleccionar “Continuar con el pago”, los usuarios de la aplicación móvil pueden continuar con las pantallas de pago y pago. En la pantalla de pago, recibirán una redirección.

6.8 Proceso de pago

El proceso de pago en el generador de aplicaciones móviles WooCommerce es muy sencillo. En el proceso de pago de la aplicación móvil, los usuarios de la interfaz tienen la opción de elegir los detalles de envío, los detalles de facturación, los números de pedido, los comentarios del pedido, etc.

Los pedidos se pueden realizar siguiendo unos sencillos pasos en las aplicaciones de Android e iOS. 1. Los clientes pueden elegir y añadir el artículo deseado a sus carritos de compra. Cuando se hace clic en la bolsa de la compra, el usuario también puede elegir la cantidad de producto deseada. Los usuarios de la aplicación móvil también pueden ver el número total de productos y los costes de envío. En la parte inferior de la misma página, el cliente también puede optar por utilizar cualquier cupón o código de cupón. 2. El usuario puede revisar el pedido y ver varios detalles después de seleccionar la opción Continuar con el pago, como el coste del producto, el coste del envío, la dirección de envío (que se puede cambiar en la misma página), el resumen del pedido (la cantidad de productos), el coste total, etc. En la misma página, el cliente también puede elegir su método de envío preferido. La opción de comentario del pedido que aparece en la parte inferior de la pantalla permite al usuario incluir también cualquier petición o requisito especial.

3. Luego de seleccionar la opción “continuar con el pago”, el usuario será llevado a la pantalla que le solicita su método de pago.

Los usuarios pueden elegir entre todas las opciones de pago del sitio web en esta pantalla. La aplicación de compras incluye una opción de pago contra reembolso como forma de pago estándar. El usuario será llevado a la pantalla de resumen del pedido después de completar la actividad de pago, donde el cliente puede ver el estado, el costo y otra información sobre sus pedidos. Los usuarios de las aplicaciones móviles de interfaz también recibirán los mensajes emergentes de confirmación del pedido en las pantallas de sus teléfonos móviles.

6.9 Pantalla Mi cuenta

Los usuarios de la aplicación de comercio electrónico para Android/iOS pueden ver toda la información de la cuenta, incluido un historial de pedidos anteriores, en la pantalla Mi cuenta. Las siguientes opciones están disponibles en la pantalla Mi cuenta:

  1. Historial de pedidos

Los usuarios pueden conocer todos los detalles del pedido realizado anteriormente. La fecha en que se realizó el pedido, el número de pedido, el precio y el estado de la entrega son visibles en la pantalla del usuario.

2. Actualizar perfil:

Los usuarios también pueden actualizar su información de perfil previamente guardada, como su nombre o apellido, número de teléfono y contraseña.

3. Dirección(es) de entrega

Los usuarios de la aplicación tienen acceso a la lista completa de direcciones de envío guardadas. Desde aquí también pueden agregar una nueva dirección de envío.

4. Detalles del pedido:

La lista completa de pedidos de aplicaciones realizados anteriormente está disponible para los usuarios de la aplicación.

5. Función de reordenamiento

Al seleccionar el botón “Reordenar”, podrá reordenar directamente un producto. Al presionar un solo botón, todos los pedidos anteriores se agregarán al carrito.

6.10 Pantalla de detalles del pedido

La pantalla de detalles del pedido de la aplicación de comercio electrónico WooCommerce muestra todos los aspectos del pedido, incluida la dirección de envío, un resumen de los productos, las opciones de envío y pago y el costo total. Desde esta pantalla, los usuarios pueden incluso seguir la entrega de pedidos realizados anteriormente.

7.0 Tutoriales en video

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.

Banner cuadrado:

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.

Banner deslizante:

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.

Banner de cuadrícula:

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

Banner de cuenta atrás:

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.

Menú de acordeón 5.2 (barra de navegación)

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: