Con el crecimiento de la industria del comercio electrónico y las aplicaciones móviles, las empresas en línea están experimentando cambios importantes. Los últimos cambios tecnológicos pueden proporcionar una experiencia de compra agradable a los clientes y también ayudan a aumentar las ventas y los ingresos. La aplicación web progresiva es una de esas tecnologías que es conocida por su capacidad de respuesta, carga rápida, instalación rápida y otras características interesantes. Además, el eCommerce PWA Mobile App Builder permite al administrador de la tienda transformar fácilmente la tienda de comercio electrónico en una aplicación web progresiva. Knowband PWA Mobile App Maker para comercio electrónico es un complemento listo para usar para lanzar una aplicación de compras destacada. La extensión brinda una experiencia similar a una aplicación nativa en la aplicación móvil de PWA sin ningún tipo de conocimiento técnico. El administrador de la tienda puede manejar todos los cambios y configuraciones desde el backend del módulo. Los cambios se reflejarán automáticamente en la aplicación móvil PWA de comercio electrónico en vivo. Es una aplicación muy liviana y puede ejecutarse sin problemas y sin problemas en cualquier dispositivo.
[NUEVA ACTUALIZACIÓN] Función RTL en las aplicaciones móviles de KnowBand PWA:
El idioma juega un papel importante en captar la atención del usuario y mejorar la experiencia de compra. Sin embargo, muchas aplicaciones móviles de comercio electrónico no pueden dirigirse a una gran audiencia móvil debido a la barrera del idioma. Para dirigirse al mercado regional y globalmente, el administrador de la tienda solo necesita agregar su idioma nativo en el sitio web y la aplicación web progresiva.Con PWA Mobile App Maker, es muy útil lanzar la aplicación web progresiva para la tienda de comercio electrónico. El administrador de la tienda puede agregar varios idiomas en la aplicación móvil de PWA, incluidos idiomas RTL como árabe, hebreo, persa, etc. La aplicación web progresiva admite todos los idiomas disponibles en el sitio web de comercio electrónico. Esto hace que sea fácil dirigirse a la audiencia de diferentes regiones y expandir el alcance comercial. Ahora, el administrador de la tienda puede incluir más idiomas en la aplicación además del sitio web. Estas son algunas de las pantallas que muestran cómo se verán las pantallas RTL:
¿Qué es PWA Mobile App Builder y cómo funciona?
Progressive Web App Creator ofrece una gran experiencia de cliente a los usuarios y es un complemento de software listo para usar que permite al administrador de la tienda realizar todas las personalizaciones. Todos los cambios se realizan con algunos ajustes del mouse en el panel de administración sin ningún conocimiento de codificación. Una vez que el sitio web de comercio electrónico se haya integrado con el Creador de aplicaciones web progresivas, todos los datos / inventario del sitio web de comercio electrónico se recuperarán automáticamente en la aplicación móvil. El usuario puede instalar fácilmente la aplicación web progresiva con solo acceder a la URL de la tienda en el navegador móvil. Knowband ofrece la aplicación móvil PWA para todas las plataformas principales como PrestaShop, Magento 2, WooCommerce, OpenCart. Consulte más detalles en los enlaces a continuación:
Otras características clave del Creador de aplicaciones web progresivas:
Estos son algunos puntos que debe considerar en su aplicación web progresiva antes de intentarlo. Estas características ayudan al negocio de comercio electrónico a obtener un impulso en la conversión.
1. Marca fácil con opción de personalización:
La opción de marca en la aplicación móvil de comercio electrónico PWA consiste en el logotipo de la aplicación, el nombre de la marca, el icono, la imagen, la pantalla de presentación, el color de fondo, etc. Esto permite al administrador de la tienda establecer la identidad de la marca en la mente de los clientes que utilizan PWA Mobile. App. Las estrategias de marca deficientes pueden generar un tráfico más bajo y reducir la tasa de conversión. Todo el aspecto del diseño de la pantalla de inicio, el color, la fuente, etc. se puede cambiar fácilmente desde el panel de administración del módulo. El conjunto correcto de banners, imágenes y texto puede mejorar la interfaz de la aplicación y las conversiones.
2. Compatible con tabletas y dispositivos móviles:
La aplicación web eCommerce Progressive no depende de la plataforma ni del dispositivo y es muy ligera. La aplicación de comercio electrónico se puede ejecutar sin problemas en Android / iOS y dispositivos móviles / tabletas y se puede adaptar fácilmente con todos los dispositivos de tamaño de pantalla múltiple.
3. Inicio de sesión y pago con un clic:
PWA Mobile App Builder consta de opciones de inicio de sesión con un solo clic con Facebook y Google. Las opciones de inicio de sesión y registro incorporadas, como Google y Facebook y el correo electrónico, permiten a los usuarios acceder a la aplicación móvil PWA con facilidad. La aplicación de compras de comercio electrónico permite a los clientes completar solo la información necesaria mientras realizan las transacciones. Esto les brinda el beneficio de un pago simplificado. Esta opción evita que el cliente se moleste y “ ofrece ” un proceso de transacción sin problemas.
4. Todos los métodos de pago y envío son compatibles:
Para ganarse la confianza y confiabilidad de los clientes, el administrador de la tienda puede usar múltiples opciones de pago y envío en la aplicación móvil de PWA. Todas las opciones de pago y envío disponibles en el sitio web de comercio electrónico se pueden agregar a la aplicación web progresiva. Los clientes pueden comprar fácilmente con las opciones de pago y envío más preferibles.
5. Sincronización en tiempo real:
La función de sincronización en tiempo real recupera los datos y el inventario de productos del sitio web de comercio electrónico en la aplicación móvil automáticamente. El administrador de la tienda puede actualizar fácilmente el inventario de aplicaciones a partir del sitio web sin necesidad de volver a realizar esfuerzos manuales.
6. Aplicación ligera con carga rápida:
La aplicación PWA es mucho más ligera y de carga rápida que las aplicaciones nativas. Progressive Web App Builder garantiza un rendimiento rápido de la aplicación y hace que se ejecute sin problemas en todos los dispositivos y plataformas. Los usuarios no tienen que depender de Play Store y App Store para instalar la aplicación móvil de comercio electrónico.
7. Admite el modo sin conexión:
El eCommerce PWA Mobile App Builder consiste en un caché de datos cargados previamente. Muestra los datos a los usuarios incluso si no están conectados a Internet. El usuario usa cómodamente la aplicación de compras con facilidad y agrega productos a su lista de deseos y carrito.
8. Opciones de chat de Zopim y Whatsapp:
Progressive Web App Maker consta de funciones de Zopim y Whatsapp Chat que ayudan a resolver las consultas y problemas de los clientes. La atención al cliente está disponible las 24 horas del día, los 7 días de la semana para compradores móviles. La función permite al usuario conectarse con el administrador de la tienda cuando sea necesario.
Conclusión:
Este blog consta de funciones de eCommerce PWA Mobile App Builder que garantizan un rendimiento rápido y un canal de compra confiable para su audiencia móvil. Dicha aplicación móvil PWA puede dar un impulso y una ventaja competitiva a la empresa. Las características sobresalientes del complemento listo para usar ayudan a lograr una buena tasa de conversión y ventas de la audiencia móvil. Puede comunicarse con nosotros en support@knowband.comEn caso de consultas.
La aplicación PWA Mobile para comercio electrónico está diseñada y desarrollada para brindar facilidad al administrador de la tienda al poseer una aplicación de compras. Los propietarios de la tienda ahora pueden transformar fácilmente la tienda de comercio electrónico en la aplicación web progresiva. La aplicación web progresiva es una de las tecnologías más identificables por las que todos los administradores de tiendas de comercio electrónico deberían optar. Ofrece algunas características sorprendentes en la aplicación móvil, como el modo fuera de línea, opciones de personalización sencillas, independencia de la plataforma, notificaciones push, etc.
Knowband es una empresa de renombre que es especialmente conocida por desarrollar complementos listos para usar para sitios web de comercio electrónico. Hemos desarrollado complementos de comercio electrónico para diferentes plataformas como OpenCart, PrestaShop, Magento 2, WooCommerce. Una de esas extensiones es Creador de aplicaciones móviles PWA. Esta solución lista para usar permite que el administrador de la tienda active la PWA de su sitio web y los clientes obtendrán “Agregar aplicación PWA a la pantalla de inicio” para instalar y acceder a la aplicación de compras.
Notas importantes de la aplicación móvil PWA para trabajar en dispositivos iOS:
Ha habido muchos mitos y confusiones en la industria del comercio electrónico sobre el funcionamiento de las aplicaciones móviles PWA en dispositivos iOS como iPhone, iPad, etc. Estos son algunos de los principales para aclarar el concepto:
1. Los dispositivos iOS no permiten el mensaje “Agregar a la pantalla de inicio”.
El PWA Mobile App Builder permite al cliente agregar fácilmente la aplicación móvil en la pantalla de inicio de su dispositivo sin acceder a ella desde la App y Play Store. Una vez que se abre la URL de la tienda en el navegador móvil, aparece un mensaje con “Agregar a la pantalla de inicio”. Esta función funciona sin problemas en Android a partir de ahora. Los usuarios de la aplicación iOS deben agregar la aplicación web progresiva en el iPhone / iPad manualmente porque iOS no ofrece ninguna ventana emergente incorporada “Agregar a la pantalla de inicio”.
2. Las notificaciones push web no funcionan en iOS
La notificación push es una de las mejores herramientas de marketing de eCommerce PWA Mobile App Builder. La función de notificación push del eCommerce PWA Mobile App Maker es muy útil para enviar actualizaciones sobre descuentos, ofertas y tasas de abandono de carritos a compradores móviles. El administrador de la tienda puede configurar y enviar notificaciones push fácilmente a los usuarios de Android, pero a partir de ahora, esta opción no está disponible para los usuarios de iOS.
¿Qué es PWA Mobile App Builder y cómo funciona?
Progressive Web App Maker es una tecnología web moderna que ofrece una experiencia similar a una aplicación nativa a través de una aplicación web. Es un complemento de software listo para usar que convierte su tienda de comercio electrónico en una aplicación web progresiva sin ningún conocimiento de codificación. Además, el administrador de la tienda puede obtener todas las ventajas de la aplicación de comercio electrónico en la aplicación web progresiva. Habilitar la aplicación móvil PWA en dispositivos móviles permite al administrador de la tienda ahorrar tiempo y dinero y viene con opciones de personalización sencillas.
Una vez que el sitio web se convierte en la aplicación móvil PWA, siempre que un usuario abra la URL de la tienda en el navegador móvil, aparecerá la ventana emergente “Agregar a la pantalla de inicio”. La aplicación web progresiva simplemente se agregará al dispositivo móvil y se puede acceder a la misma en cualquier momento para buscar o comprar productos.
Knowband ofrece PWA Mobile App Maker para todas las plataformas principales como PrestaShop, Magento, WooCommerce, OpenCart. Consulte los enlaces a continuación para obtener más información:
Otras características clave de PWA Mobile App Builder (tanto en Android como en iOS)
Hay algunas características clave de la aplicación web progresiva que están disponibles en dispositivos Android e iOS. Hemos mencionado algunos de ellos en esta sección:
1. Marca con pantalla de inicio Personalización:
La marca es una de las partes más importantes de cada negocio de comercio electrónico porque le da una identidad a la marca de comercio electrónico en la mente de los clientes. El administrador de la tienda también puede beneficiarse de la estrategia de marca adecuada agregando el logotipo de la marca, el nombre de la marca, el ícono, la imagen, la pantalla de presentación, el color de fondo, etc.en la aplicación web progresiva. Todos estos cambios se pueden realizar fácilmente accediendo al backend del módulo.
La aplicación móvil de PWA consta de varias opciones de personalización efectivas desde las cuales el administrador de la tienda puede cambiar la apariencia de la aplicación sin ningún cambio en la codificación técnica. La PWA para comercio electrónico permite al administrador de la tienda realizar los cambios incluso si la aplicación está activa. El administrador de la tienda puede cambiar pancartas, imágenes, controles deslizantes, colores intuitivos y fuentes, etc., y diseñar el diseño de la pantalla de inicio desde el panel de administración.
2. Compatible con tabletas y dispositivos móviles:
La aplicación móvil eCommerce PWA es muy liviana y puede ser fácilmente compatible con todos los dispositivos. La aplicación web eCommerce Progressive no depende de la plataforma ni del dispositivo y puede ejecutarse sin problemas en Android o iOS y en dispositivos móviles o tabletas.
3. Inicio de sesión y pago con un clic:
La mayoría de las aplicaciones móviles de comercio electrónico no pueden proporcionar la opción de inicio de sesión y pago fácil que puede llevar a una alta tasa de abandono del carrito. PWA Mobile App Builder ofrece una solución de inicio de sesión con un solo clic con Google y Facebook. El administrador de la tienda puede habilitar las opciones de inicio de sesión social y el inicio de sesión / registro de correo electrónico. El sencillo proceso de pago permite a los clientes completar la información necesaria para completar las transacciones. Esta opción solo permite a los usuarios completar la información relevante para completar el pedido en la aplicación móvil PWA.
4. Todos los métodos de pago y envío son compatibles:
El administrador de la tienda también puede incluir el pago múltiple y el envío en el Aplicación móvil de comercio electrónico PWA disponible en el sitio web de comercio electrónico. El cliente puede comprar cómodamente con el método de pago y envío que prefiera. Las opciones confiables de pago y envío mejoran la confianza del cliente y los persuaden para que compren más.
5. Soporte de idiomas multilingües y RTL:
La aplicación móvil eCommerce PWA admite todos los idiomas disponibles en el sitio web de comercio electrónico. La aplicación web progresiva también permite al administrador de la tienda agregar varios idiomas, incluidos scripts RTL (de derecha a izquierda) como árabe, hebreo, persa, etc. El comerciante de comercio electrónico puede incluir los idiomas de acuerdo con la región de destino y las necesidades de los usuarios. Los compradores móviles solo tienen que seleccionar el idioma en la aplicación de comercio electrónico y se traducirá en consecuencia.
6. Sincronización en tiempo real:
La sincronización en tiempo real garantiza que todos los datos y el inventario de productos del sitio web de comercio electrónico se obtengan automáticamente en la aplicación de compras. Si se realizan cambios en el inventario de la tienda, los mismos también se reflejarán en la aplicación web progresiva de comercio electrónico front-end. Esto elimina los esfuerzos manuales del administrador de la tienda y ahorra mucho tiempo.
7. Aplicación ligera con carga rápida:
El PWA Mobile App Builder es muy ligero y ofrece un rendimiento rápido si lo comparamos con las aplicaciones nativas. La aplicación móvil Progressive permite al cliente instalarla sin preocuparse por el espacio en los teléfonos móviles. La aplicación PWA tampoco depende de Play Store y App Store. El usuario puede instalarlo directamente desde el sitio web de comercio electrónico.
8. Admite el modo sin conexión:
El modo fuera de línea de la aplicación móvil PWA permite a los usuarios acceder a la aplicación móvil de comercio electrónico sin Internet. El caché de las pantallas cargadas anteriormente aparece en la aplicación web progresiva. Esta opción permite al usuario utilizar cómodamente la aplicación móvil con facilidad incluso si tiene algún problema con Internet.
9. Opciones de chat de Zopim y Whatsapp:
Progressive Web App Builder proporciona una función de chat conveniente para los compradores móviles. Los usuarios pueden conectarse directamente con el administrador de la tienda con respecto a sus consultas, problemas y confusión y obtener respuestas a través del chat. El administrador de la tienda puede dar soluciones instantáneas a sus inquietudes. Esta función permite al usuario conectarse con el administrador de la tienda en cualquier momento y obtener la asistencia necesaria.
10. Compatible con el mercado de múltiples proveedores:
El creador de aplicaciones web progresivas también es compatible con el mercado de múltiples proveedores. El complemento del mercado de múltiples proveedores permite al administrador de la tienda registrar fácilmente al vendedor tomando parte de la información requerida. Permite a los vendedores registrarse en el mercado web y lo mismo se buscará en la aplicación eCommerce PWA junto con su perfil y productos.
Aquí, en este artículo, hemos tratado de cubrir todas las preocupaciones relacionadas con la aplicación móvil PWA y la plataforma iOS. Junto con eso, hemos intentado reducir todas las características sobresalientes del complemento PWA Mobile App Builder listo para usar. IEs la opción más conveniente para llevar tu negocio a la plataforma móvil y ayudarte a lograr el objetivo que estás buscando.
Para saber más sobre la aplicación móvil PWA, comuníquese con nosotros en support@knowband.com.
Este complemento listo para usar está diseñado y desarrollado por KnowBand para convertir su tienda WooCommerce en ejecución en una aplicación web progresiva rica en funciones. Una vez que la tienda de comercio electrónico se transforme en una aplicación PWA, cada vez que un usuario abra la URL de la tienda en el navegador móvil, se le pedirá a la persona interesada que “Agregue PWA a la pantalla de inicio”. Una vez que la aplicación móvil WooCommerce PWA se agrega a la pantalla de inicio del dispositivo móvil, el usuario puede navegar por la tienda en la aplicación como cualquier otra aplicación. La aplicación móvil WooCommerce PWA es una aplicación web que en realidad no depende de la publicación de aplicaciones en Google Play y Apple App Store. Los usuarios pueden simplemente agregar la aplicación web progresiva al dispositivo móvil y usarla como cualquier otra aplicación.
1.1 Características atractivas para elegir WooCommerce PWA:
– Carga más rápida y rendimiento rápido – Pantalla de inicio totalmente personalizable con el editor de bricolaje – Admite todos los métodos de pago y envío del sitio web – Interfaz atractiva y fácil de usar – Sin dependencia de las tiendas de aplicaciones – Totalmente personalizado para su tienda – Correo electrónico e inicio de sesión social (Google y Facebook ) – Soporte multilingüe y RTL – Funcionamiento en modo sin conexión – Sitio web y aplicación de sincronización en vivo en blanco y negro – Compatible con Android e iOS – Pago en una página – Aplicación liviana – Administración de páginas CMS
1.2 Ver la demostración de WooCommerce PWA
Explore las funciones del módulo y la aplicación PWA desde los siguientes enlaces de demostración:
�> Los dispositivos iOS no ofrecen ningún aviso incorporado de “Agregar a la pantalla de inicio”, por lo que los usuarios deben agregar manualmente la aplicación móvil PWA a la pantalla de inicio del iPhone o iPad. �> iOS no admite notificaciones web push. Por lo tanto, las notificaciones automáticas no se recibirán en la PWA instalada en el iPhone o iPad.
[NUEVA ACTUALIZACIÓN] WooCommerce PWA admite secuencias de comandos de lenguaje RTL:
El creador de aplicaciones web progresivas de WooCommerce ahora es compatible con todos los idiomas del mundo, incluidos los RTL (de derecha a izquierda), como el árabe, el hebreo, el persa, etc. El administrador de la tienda ahora puede incluso agregar idiomas RTL en la aplicación móvil WooCommerce PWA.
Pantallas del panel de administración 2.0:
Explore todas las configuraciones en el Panel de administración de la aplicación móvil WooCommerce PWA y verifique cómo funcionan con la ayuda a continuación:
2.1 Configuración general:
a) Mostrar/ocultar vista previa: Toque el botón del ojo para mostrar/ocultar el teléfono de vista previa en el panel de administración. b) Habilitar/Deshabilitar: Habilite el módulo para que PWA funcione en dispositivos móviles. c) Habilitar informes de registro de solicitudes: Habilitar el registro de errores en el móvil. d) Redirigir en la página del carrito cuando se agrega al carrito: Controle la redirección del botón Agregar al carrito cada vez que cualquier usuario toque el botón Agregar al carrito. e) Mostrar descripción breve: Habilite y muestre una breve descripción del producto (si se agrega en la página del producto del sitio web). f) Mostrar la ventana emergente Agregar a la pantalla de inicio: Ofrezca el mensaje emergente “Agregar a la pantalla de inicio” y permita a los usuarios agregar la aplicación PWA en los dispositivos móviles. g) Habilitar logotipo: Agregue el logotipo de su marca en el encabezado de la aplicación móvil WooCommerce PWA.
h) Color de fondo de la pantalla de bienvenida: Elija y establezca el color de la pantalla de bienvenida de la aplicación web progresiva de WooCommerce. i) Nombre de la aplicación PWA: Ingrese el nombre deseado para la aplicación WooCommerce PWA. Se mostrará una vez que el usuario agregue la aplicación en los dispositivos móviles. j) Imagen para el icono de la aplicación: Agregue la imagen del icono de la aplicación en el panel de administración. k) Seleccione la fuente de la aplicación: Elija la fuente para su aplicación móvil WooCommerce PWA. l) Seleccionar diseño para la página de inicio: Elija entre el diseño de pantalla de inicio preagregado para la aplicación WooCommerce PWA.
m) Color del botón de la aplicación: Elija el color del botón para la aplicación móvil PWA. n) Color del tema de la aplicación: Elija el color del tema para la aplicación PWA. o) Color de fondo de la aplicación: Elija el color de fondo para la aplicación PWA. p) Habilitar barra de pestañas: Habilite la barra de pestañas en la parte inferior de la aplicación PWA para una navegación más rápida y sencilla. q) CSS personalizado: Ingrese el código CSS para mejorar la apariencia de las páginas de vista web de la aplicación PWA, como el pago de vista web, las páginas de CMS, etc.
2.2 Configuración de notificaciones automáticas
Las notificaciones automáticas son la mejor herramienta de marketing para la aplicación PWA para WooCommerce. El administrador de la tienda puede simplemente promocionar los productos y ofertas de la tienda a los usuarios de la aplicación y generar más ventas e ingresos. Ingrese todos los detalles en la configuración de notificaciones automáticas creando un proyecto de Firebase:
¿Cómo configurar una cuenta de Firebase?
Paso 1:�Iniciar sesión en Google Firebase
Paso 2:Crear un nuevo proyecto Al hacer clic en Agregar proyecto, aparecerá el siguiente cuadro de diálogo:
Tardará unos segundos en crear el proyecto. Una vez que el proyecto esté listo, haga clic en continuar.
Paso 3:Administrar la configuración del proyecto Una vez creado el proyecto, haga clic en Configuración del proyecto.
Paso 4:�Ir a Opciones de autenticación:
Paso 5:�Buscar claves de Firebase En la configuración del proyecto, haga clic en Configuración de mensajería en la nube. Desde aquí, puede obtener directamente la clave del servidor.
Paso 6:�Agregue su Web-App a Firebase
Paso 7:Obtenga otros detalles relacionados con firebase y péguelos en el panel de administración del módulo PWA.
Paso 8:Obtenga la clave del servidor Firebase desde la pestaña de mensajería en la nube en Configuración:
Paso 9:�Agrega tu dominio en autenticación>>iniciar sesión.
A) Notificación de envío de pedido exitoso:
Habilite/desactive la notificación automática automática que se enviará a los usuarios de la aplicación cada vez que realicen un pedido exitoso desde la aplicación WooCommerce PWA.
B) Notificación automática de actualización del estado del pedido:
Habilite/desactive la notificación automática automática que se envía cada vez que se actualiza el estado del pedido desde la aplicación. Los usuarios de la aplicación móvil WooCommerce PWA pueden controlar los detalles de los pedidos anteriores.
C) Notificación automática de carrito abandonado:
Habilitar/deshabilitar la notificación automática enviada a los usuarios que abandonan los productos en el carrito sin una compra exitosa. Esta notificación automática se enviará a los usuarios automáticamente después del intervalo de tiempo ingresado.
2.3 Historial de notificaciones push
El historial completo de notificaciones push de las notificaciones push enviadas con éxito se verá aquí. El administrador de la tienda puede realizar un seguimiento de las notificaciones push enviadas anteriormente desde aquí.
A) Enviar Notificación:
Personalice y envíe notificaciones automáticas manualmente a los usuarios de la aplicación PWA según la necesidad. El administrador de la tienda puede configurar estas notificaciones por su cuenta y enviarlas a los usuarios de la aplicación WooCommerce PWA.
Diseño de la página de inicio de 2.4:
La aplicación móvil WooCommerce PWA ofrece una pantalla de inicio personalizable cuyo diseño se puede diseñar desde el panel de administración con unos pocos clics del mouse y arrastrar y soltar. El diseño atractivo según el festival en curso, la venta, la ocasión, etc. seguramente puede ayudar a mejorar las ventas a través de las aplicaciones móviles WooCommerce PWA.
Agregue un nuevo diseño desde esta pestaña o edite los agregados anteriormente. Los ajustes de configuración de la página de inicio ofrecen los siguientes elementos:
a) Categorías principales:�
b) Bandera Cuadrada:�
c) Banner Deslizante Horizontal:�
d) Banners de cuadrícula:�
e) Banner del temporizador de cuenta regresiva:�
f) Productos Cuadrados:�
g) Productos Deslizantes:�
h) Productos de rejilla:�
2.5 Páginas de información:
Agregue páginas CMS en la aplicación y ofrezca contenido informativo a los usuarios de la aplicación móvil WooCommerce PWA.
¿Cómo obtener los detalles de la aplicación de Facebook?
La aplicación de Facebook se puede crear siguiendo los pasos mencionados a continuación:
Paso 1:�Ir a la URL dada: https://developers.facebook.com/apps/
Paso 2:�Haga clic en el botón “Agregar una nueva aplicación”.
Paso 3 y 4:Ingrese el nombre de su aplicación y la identificación de correo electrónico, luego haga clic en el botón “Crear ID de aplicación”.
Paso 5 y 6:Después de hacer clic en Crear ID de aplicación, deberá pasar por un control de seguridad como se muestra:
Paso 7:Haga clic en la pestaña “Configuración”.
Paso 8-13:�Estarán disponibles dos opciones en el menú desplegable, Básico y Avanzado, haga clic en “Básico”. Y luego ingrese su “Dominio de la aplicación”, “Correo electrónico de contacto”, “URL de privacidad”, “URL de términos y condiciones”, “Agregar logotipo”, “Seleccionar categoría” y haga clic en el botón “Guardar cambios”. Dominios de la aplicación: sudominio.com es correcto sudominio.com/tienda es incorrecto www.dominio.com es incorrecto
Paso 14:�Ahora haga clic en “+Agregar plataforma”.
Paso 15:�Y seleccione Sitio web como Plataforma.
Paso 16:Ahora ingrese la URL de su sitio.
Paso 17 y 18:�Haga clic en “Productos+” y seleccione iniciar sesión en Facebook.
Paso 19:�Seleccione web como la plataforma para la aplicación.
Paso 20:�Ahora haga clic en guardar.
Paso 21 y 22:�Haga clic en Configuración y agregue un URI de redirección de OAuth válido. URI de redireccionamiento de OAuth válidos: https://example.com/pwa-app/login
Paso 23 y 24:�Haga clic en “Revisión de la aplicación”. Y marque “Hacer público ‘el nombre de su aplicación'” en Sí.
Paso final:�Copie el ID de la aplicación y el Secreto de la aplicación y péguelos en los campos proporcionados en el módulo.
¿Cómo obtener los detalles de la aplicación de Google?
Vaya a Google Developers Console (https://console.developers.google.com/project) o haga clic en el enlace que se encuentra en la parte superior derecha de la pestaña respectiva en la página de configuración del módulo.
Ahora haga clic en Crear proyecto a la izquierda de la página.
Ingrese un nombre para su proyecto y continúe con el siguiente paso.
Ahora haga clic en API y autenticación-> Credenciales en el menú de la izquierda, como se muestra a continuación.
Haga clic en el botón Crear nuevo ID de cliente en el panel derecho de la pantalla.
Es posible que deba completar el formulario para la pantalla de consentimiento antes de continuar. Para hacerlo, debe hacer clic en Pantalla de consentimiento en el menú de la izquierda, como se muestra en la imagen de arriba.
Complete el formulario emergente con los detalles a continuación:
Tipo de aplicacion:�Aplicación Web. Orígenes autorizados de JavaScript:�El nombre de dominio de su tienda (https://www.yourstore.com). URI de redireccionamiento autorizado o URI de la página de redireccionamiento del iniciador de sesión:
https://example.com/pwa-app/login
Ahora haga clic en el botón Crear ID de cliente para obtener su ID de cliente y clave secreta de cliente.
Ahora puede usar el secreto del cliente y la identificación del cliente para permitir que sus clientes inicien sesión en su tienda usando su cuenta de Google.
3.0 Pantallas PWA frontales:
3.1 Pantalla de inicio:
La pantalla de inicio de la aplicación móvil WooCommerce PWA es totalmente personalizable con el editor DIY, como se explicó anteriormente en las pantallas del Panel de administración. Cambie la apariencia de la pantalla de inicio de la aplicación en cualquier momento y ofrezca una apariencia más fácil de usar y orientada a las ventas.
1. Diseño personalizado:
Usando varios banners, controles deslizantes, elementos de productos, el administrador de la tienda puede crear un diseño dinámico según la necesidad.
2. Logotipo de la marca:
Use el logotipo de su tienda en el encabezado superior de la aplicación WooCommerce PWA.
3. Bolsa de carrito de compras:
El ícono del carrito de compras en la esquina superior derecha de la pantalla de inicio permite a los usuarios acceder a la pantalla del carrito y verificar los productos agregados.
4. Menú de navegación izquierdo:
Explore las categorías que se muestran en la aplicación PWA con el menú de navegación izquierdo.
3.2 Menú Acordeón (Barra de Navegación):
Las aplicaciones móviles WooCommerce PWA vienen con una categorización perfecta y adecuada disponible. Los usuarios pueden encontrar categorías relevantes en el menú de navegación izquierdo y buscar productos. También se pueden agregar varias páginas de CMS en el menú que ofrecen contenido relevante en la aplicación.
1. Mi cuenta
La opción Mi cuenta contiene toda la información personal de los usuarios, incluido el envío y el pedido. Los compradores de la aplicación web progresiva de WooCommerce pueden ver y actualizar la información guardada.
2. Categorías
Las categorías que se muestran en el menú de navegación izquierdo de la aplicación web progresiva WooCommerce son las mismas que están disponibles en la tienda de comercio electrónico.
3. Páginas CMS
Desde aquí se puede acceder a varias páginas de CMS como Acerca de nosotros, Contáctenos, Términos y condiciones, etc. Estas páginas de información se pueden agregar desde el panel de administración de la extensión.
4. Idioma(s)
La opción de idioma permite a los usuarios de la aplicación PWA ver la aplicación web en el idioma deseado.
5. Moneda(s)
Todas las monedas disponibles en su sitio web se muestran aquí en la aplicación WooCommerce PWA.
6. Iniciar/Cerrar sesión
Los usuarios pueden iniciar/cerrar sesión fácilmente desde la aplicación WooCommerce PWA a través de esta opción.
3.3 Pantalla de categoría:
Las pantallas de categoría ordenadas con la vista de lista y cuadrícula permiten a los usuarios elegir lo que es mejor para ellos de una categoría específica. Todo el inventario de la tienda permanecerá sincronizado con la aplicación móvil WooCommerce PWA y las nuevas incorporaciones y cambios incluso se actualizarán en tiempo real.
1. Vista de lista y cuadrícula:
Las categorías en la aplicación PWA para WooCommerce se pueden explorar tanto en la vista de lista como en la de cuadrícula.
2. Clasificación de productos:
La opción de clasificación permite a los compradores en línea restringir los productos en el orden de clasificación deseado y encontrar el correcto.
3. Filtro de producto:
La aplicación móvil WooCommerce PWA ofrece la opción de filtrar productos simplificando la búsqueda de productos. Los compradores en línea pueden encontrar los productos deseados en categorías usando filtros para varios atributos como tamaño, color, precio, etc.
3.4 Pantalla del producto:
La pantalla del producto de la aplicación web progresiva WooCommerce es tan simple e intrigante como podría ser. Con todas las opciones e información necesarias sobre el producto, se convierte en cuestión de minutos para que los usuarios estén seguros sobre el producto.que está a punto de comprar. Las imágenes múltiples están disponibles para el producto con las opciones En stock y Agotado.
1. Información y cuidado del producto:
Aquí se mostrará la información completa del producto disponible en el inventario.
2. Descripción breve:
Los usuarios pueden leer la breve descripción de su producto para decidir rápidamente sobre la compra.
3. Opciones de productos:
Todas las opciones relacionadas con el producto como tamaño, color, etc. se muestran aquí.
5. Agregar al carrito:
Este botón permite a los usuarios agregar productos al carrito. Los usuarios pueden seguir procesando el carrito para la compra.
6. Intercambio social de productos:
La opción de compartir para el producto permite a los usuarios compartir productos en múltiples canales sociales.
Pantalla de inicio de sesión de 3.5
La aplicación móvil WooCommerce PWA ofrece opciones de inicio de sesión social con un solo toque y hace que el proceso de inicio de sesión/registro sea más fluido. La aplicación web progresiva WooCommerce ofrece inicio de sesión de Google y Facebook.
1. Iniciar sesión:
Los usuarios de la aplicación pueden autenticarse e iniciar sesión fácilmente en las aplicaciones PWA utilizando sus credenciales de inicio de sesión de correo electrónico anteriores.
2. Regístrate:
Todos los nuevos usuarios de la aplicación pueden registrarse y crear su cuenta en la tienda desde la aplicación WooCommerce PWA. El formulario de registro solicita solo los detalles necesarios para crear una cuenta.
3. Iniciar sesión con Facebook:
Los usuarios pueden iniciar sesión en la aplicación PWA utilizando sus credenciales de cuenta de Facebook.
4. Iniciar sesión con Google:
Los usuarios pueden iniciar sesión en la aplicación PWA con las credenciales de su cuenta de Google.
3.6 Pantalla del carrito de compras:
La pantalla del carrito de compras de la aplicación móvil WooCommerce PWA mostrará todos los productos agregados al carrito de compras. Los usuarios de la aplicación pueden ver el nombre del producto, la cantidad, el precio total y el costo de envío. Esta pantalla tiene las siguientes opciones:
1. Aplicar Vale:
Esta opción permite a los usuarios usar cupones del sitio web y obtener ofertas de descuento.
2. Precio total del producto:
Los usuarios pueden ver el costo completo de su bolsa de compras antes de continuar. Se actualiza automáticamente de acuerdo con cualquier actualización con cantidad de producto o nueva incorporación.
3. Actualizar cantidad de producto:
Los usuarios de la aplicación PWA pueden incluso actualizar la cantidad del producto con la opción “Actualizar cantidad”.
4. Eliminar producto:
Los usuarios de la aplicación pueden simplemente eliminar el producto del carrito simplemente tocando la opción “Eliminar”.
5. Continuar comprando:
Los usuarios de la aplicación pueden dejar el carrito para buscar más productos en su aplicación.
6. Continuar para pagar:
Los usuarios de la aplicación PWA pueden continuar con las pantallas de pago y pago simplemente tocando la opción “Continuar con el pago”.
Pantalla de pago 3.7
La aplicación web progresiva para WooCommerce tiene un pago simplificado en una sola pantalla con solo información relevante. Los usuarios de la aplicación pueden ver detalles completos de pago, como detalles de envío, detalles de facturación, resumen del pedido, comentario del pedido, resumen del pago.
1. Detalles de envío y facturación:
Esta pantalla proporciona detalles de las direcciones de envío y facturación guardadas por el usuario. El usuario también puede editar/guardar la nueva dirección de envío si es necesario.
2. Resumen del pedido:
Los usuarios de la aplicación pueden ver los detalles del producto antes de realizar el pago.
3. Métodos de envío:
Todos los métodos de envío disponibles se muestran aquí. Los usuarios pueden elegir el que se adapte a sus necesidades.
4. Comentario del pedido:
Los usuarios también pueden agregar cualquier comentario relacionado con su pedido que será visible para el administrador de la tienda en la página web del pedido en el backend.
5. Resumen de pago:
Esta sección muestra los detalles completos del pago desglosado relacionados con la compra.
6. Proceder al pago:
Los usuarios de la aplicación PWA serán redirigidos a la pantalla de pago después de tocar el botón “Continuar con el pago”.
3.8 Pantalla de pago:
La pantalla de pago de la aplicación WooCommerce PWA tiene todos los pagos de vista web disponibles en la tienda. Los compradores en línea pueden encontrar experiencias de pago similares tanto en sitios web como en aplicaciones.
3.9 Pantalla Mi cuenta
La pantalla Mi cuenta de la aplicación móvil WooCommerce PWA permite a los compradores en línea ver sus detalles completos guardados en la aplicación web progresiva. Esta pantalla también muestra una lista de pedidos de aplicaciones anteriores.
1. Datos personales:
Los usuarios pueden ver y actualizar sus datos personales guardados previamente en la aplicación móvil de PWA.
2. Dirección(es) de envío:
Los usuarios de la aplicación pueden ver la lista completa de direcciones de envío guardadas previamente en la aplicación PWA.
3. Detalles del pedido:
Los usuarios de la aplicación pueden ver la lista completa de los pedidos realizados anteriormente desde la aplicación PWA y sus detalles.
4. Función de reordenación:
Hay un botón de pedido directo en la pantalla Mi cuenta de la aplicación PWA. Todos los productos anteriores bajo este pedido se agregarán al carrito con solo un botón.
3.91 Pantalla de detalles del pedido
La pantalla de detalles del pedido de la aplicación web progresiva WooCommerce proporciona detalles completos de pedidos específicos de la aplicación PWA. Los usuarios pueden ver fácilmente la dirección de envío, el resumen del producto, el método de envío y pago, y el resumen del costo total, etc. Incluso ofrece la opción de realizar un seguimiento del estado del pedido y la entrega.
