1.0 Introducción
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:
- Una solución de aplicación móvil sin codificación.
- Un panel administrativo acogedor con acceso completo.
- Asistencia gratuita durante tres meses
- Soluciones completas para Flutter (Android e iOS)
- Sincronización de tus aplicaciones y sitio web en todo momento
- Extremadamente flexible en términos de diseño y funcionamiento.
- Utiliza herramientas de marketing prácticas para impulsar la participación del usuario.
- 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.
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.
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:
- 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.