We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites.
We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..
Las aplicaciones móviles se han convertido en una fuente importante de clientes potenciales para casi todos los tipos de negocios de comercio electrónico. Ya sea una aplicación nativa, híbrida o PWA, estar disponible para los clientes en su dispositivo más utilizado es siempre un gran enfoque.
En los últimos 5 años, las aplicaciones web progresivas (PWA) se han vuelto muy populares entre los usuarios de aplicaciones y muy rentables para las empresas de comercio electrónico. Varias plataformas de comercio electrónico permiten a medios más fáciles crear y lanzar una aplicación móvil PWA. Para llevar a los propietarios de las tiendas WooCommerce a este panorama, nuestros expertos de KnowBand han desarrollado y lanzado un complemento automatizado WooCommerce PWA Mobile App Builder que simplemente se integra con su sitio web y le brinda una WooCommerce PWA totalmente personalizable.
Este complemento del fabricante de PWA es una solución sin código, aunque todavía proporciona herramientas de bricolaje fáciles de usar con las que los administradores de la tienda pueden modificar su PWA sin ningún esfuerzo. Además, en el extremo del usuario, los usuarios de la aplicación obtienen la mejor interfaz de usuario y experiencia de usuario de su clase, como cualquier tienda de mCommerce de alta gama.
Nuevas actualizaciones de funciones en WooCommerce PWA Builder (v1.0.1)
Cantidad paso a paso n. ° 1 para productos:
Como de costumbre, para mayor comodidad, a los compradores en línea les gusta una interfaz más simple pero rica en funciones en una tienda electrónica. Cosas como agregar múltiples cantidades de productos o cambiar la cantidad en el momento del pago y mientras está en el carrito, mejoran la experiencia de compra de los usuarios de la aplicación. Todas estas características se agregan de forma predeterminada en la compilación de PWA utilizando el complemento WooCommerce PWA. Esta característica recién agregada permite a los usuarios de la aplicación cambiar la cantidad de producto incrementándola (+) o disminuyéndola en una unidad.
# 2 Reseñas de productos:
Esta función permite a los usuarios de la aplicación escribir y enviar reseñas de los productos que compraron en su tienda. Las reseñas juegan un papel muy importante en las aplicaciones y sitios web de comercio electrónico. Pueden motivar a otros a comprar los productos y aumentar sus ventas e ingresos.
Pasos sencillos para lanzar la aplicación web progresiva WooCommerce:
Instale el complemento en su sitio web WooCommerce.
Complete el formulario de requisitos previos de la aplicación y revise su PWA antes de publicarla.
¿Cómo se instalan las PWA en los dispositivos de los usuarios?
Una aplicación de PWA Mobile simplemente se publica en el sitio web de la empresa. No es necesario publicarlo en Google Play Store o Apple App Store. Cada vez que los compradores visitan un sitio web de este tipo en sus navegadores de Internet móviles, se les muestra una ventana emergente "Agregar a la pantalla de inicio" en su pantalla. Una vez que hacen clic en él, la PWA se instala automáticamente en el dispositivo móvil de ese usuario. Entonces, la PWA parece funcionar como cualquier aplicación móvil normal en un dispositivo móvil.
Características principales del complemento WooCommerce PWA Builder:
1. Panel de administración de PWA simplificado:
Los propietarios y administradores de la tienda pueden configurar fácilmente su aplicación WooCommerce PWA, diseñar su diseño de página de inicio, administrar notificaciones push y hacer mucho más sin problemas.
2. Notificaciones Push ilimitadas:
Permite a los administradores de la tienda enviar un número ilimitado de notificaciones push a los usuarios de su aplicación y mantenerlos comprometidos.Los administradores también pueden enviar notificaciones personalizadas y automatizar y programar algunas de las más comunes, como las notificaciones de carritos abandonados, el estado del pedido y las notificaciones de confirmación del pedido. Utilice gráficos relevantes y mensajes atractivos con los enlaces de redireccionamiento deseados en sus notificaciones automáticas.
3. Soporte multilingüe y multidivisa:
Las aplicaciones de comercio electrónico PWA creadas con estos complementos admiten múltiples monedas y múltiples idiomas, incluidos scripts RTL como árabe, persa, etc.
4. Accesibilidad sin conexión:
De forma predeterminada, las aplicaciones web progresivas admiten el acceso sin conexión. Debido al almacenamiento en caché de datos, las aplicaciones PWA funcionan incluso cuando el usuario de la aplicación está desconectado o con una conexión lenta a Internet.
5. Todos los métodos de pago y envío:
Todos los métodos de pago y envío activos en su sitio web estarán automáticamente activos y completamente funcionales en la aplicación WooCommerce PWA.
6. Inicio de sesión social y uso compartido rápido:
Los usuarios de la aplicación pueden incorporar fácilmente su aplicación WooCommerce PWA con opciones de inicio de sesión social sin problemas, es decir, a través de sus cuentas de Facebook y Google.
Las aplicaciones PWA creadas con este complemento de WooCommerce PWA también proporcionan un enlace para compartir rápido en las páginas del producto. Por lo tanto, los usuarios de la aplicación pueden compartir fácilmente su elección de productos en cualquiera de sus identificadores de redes sociales.
7. Seguimiento de pedidos:
Los usuarios de la aplicación también pueden rastrear todos sus pedidos activos y mantenerse actualizados con el estado de la entrega de los pedidos. Cualquier cambio / actualización en el estado del pedido se refleja instantáneamente en la aplicación y también en forma de notificación automática del estado del pedido.
Concluyendo:
Con una herramienta tan poderosa disponible en el mercado, los comerciantes de la tienda WooCommerce pueden dejar de preocuparse por la molestia y el tiempo que implica la creación de una PWA. Obtenga su propio complemento WooCommerce PWA Mobile App Maker y lance su nueva PWA lo antes posible.
Para cualquier ayuda o consulta, no dude en comunicarse con nuestros expertos en support@knowband.com. Nuestro equipo estará encantado de ayudarte.
Con más de 1.2 millones de anuncios en eBay, los vendedores tienen que competir mucho por la atención de los 182 millones de compradores activos de eBay. Y esto es un poco difícil para los nuevos vendedores. Por lo tanto, esta es la razón principal por la que la mayoría de los vendedores buscan algunos consejos para comenzar a vender en eBay. Este mercado no solo es demasiado vasto, sino que a veces también es complicado. Si eres nuevo en eBay, es mejor comenzar lentamente, conocer el panorama, leer las reglas, conocer la estructura de tarifas y hacer crecer su pasatiempo o negocio de eBay metódicamente. Estos son algunos consejos profesionales para que los vendedores vendan en eBay Marketplace.
Haz que tu publicación sea sobresaliente
El uso de algunas palabras llamativas en el encabezado puede captar la atención del comprador. La descripción del título debe ser clara. Dentro de su descripción, todas las condiciones de su producto deben estar claramente especificadas. Junto con el título y la descripción, la imagen del producto juega un papel importante en la atención del comprador.
Aplicar oferta iniciada por el vendedor
Recientemente, eBay Marketplace introdujo una nueva función llamada Oferta iniciada por el vendedor, que puede dirigirse a los compradores que ponen un producto en su lista de seguimiento o que tienen un producto en su carrito. Por ejemplo, si un comprador agrega una computadora portátil a su lista de observación o carrito, eso es una clara indicación de que el comprador está interesado en un producto, por lo que usted, como vendedor, puede ingresar al Centro de vendedores y verificar la lista específica y ver que las personas tienen mostró interés. Luego, el vendedor puede enviar una oferta exclusiva con un mensaje personalizado.
El tiempo es clave, pon el precio correcto a tu artículo
Según eBay, el domingo es el mejor día para realizar compras, seguido del sábado y el lunes. Para vender sus artículos rápidamente, piense en el momento y, lo más importante, en qué productos quiere la gente. Por ejemplo, los artículos navideños funcionarán mejor a principios de diciembre que en marzo. Entiendes la idea. En cuanto a los precios, asegúrese de que su artículo tenga un precio perfecto, ya que la mayoría de los compradores compran un producto después de compararlo con otros. El envío gratuito también ayuda a vender su producto más rápidamente.
Comprender los límites del vendedor
Los límites de venta se rigen para todos los vendedores, pero son más estrictos para los nuevos vendedores.
Elija la categoría de listado adecuada
La categoría de la lista de productos es muy importante en el mercado. Coloque siempre el producto en la categoría correcta. Por ejemplo, la categoría correcta para un teléfono inteligente es la electrónica que cualquier otra categoría. Si coloca su producto en la categoría incorrecta, nadie lo compra porque está buscando un producto que coincida con la categoría correcta.
Otros consejos de venta:
Sea claro sobre sus políticas de devolución o reembolso; Construya su reputación de vendedor pidiendo a los clientes satisfechos que publiquen una reseña breve y una calificación de estrellas, y anuncie su publicación de eBay en otros lugares, incluidos sitios de subastas y redes sociales, para maximizar su alcance.
Utilice las extensiones de eBay para enumerar los productos de su tienda de comercio electrónico en eBay:
Proporcionamos Prestashop, Opencart y Magento. Enumerar sus productos individualmente en estas plataformas es un proceso que requiere mucho tiempo. Por tanto, estas extensiones le ayudan a ahorrar tiempo y dinero.
Algunos beneficios de estas extensiones son los siguientes:
1- Listado de productos a granel: con la ayuda de las extensiones de integración de eBay, los vendedores pueden cargar productos a granel y también pueden asignar las categorías de la tienda de comercio electrónico con las categorías de eBay. 2- Gestión de perfiles: los vendedores pueden cargar productos creando varios perfiles. En el perfil, los vendedores de gestión también pueden seleccionar la configuración básica. La lista de productos basada en perfiles lo ayudará a enumerar diferentes productos en diferentes categorías en el mercado. 3- Listado de productos: en esta pestaña, los vendedores pueden ver el estado de sus productos. Desde esta pestaña, el vendedor puede verificar qué producto está vinculado a qué categoría, su ID de listado y su estado de listado, etc. 4- Gestión de precios: con esta función, los vendedores pueden publicar su producto a un precio diferente al precio de la tienda de comercio electrónico. Pueden ajustar el precio más alto o más bajo sobre la base de fijo y porcentual. 5- Varios métodos de pago: la extensión de integración de eBay ayuda al vendedor a configurar los métodos de pago según su elección. 6- Gestión de cantidad: el administrador puede agregar un búfer de cantidad mientras enumera productos en eBay para evitar cualquier pedido agotado. Este módulo también permite al administrador sincronizar el inventario a granel del administrador de la tienda a eBay. 7- Gestión de envíos: el administrador puede crear varios perfiles de envío y también puede ofrecer envío gratuito o envío internacional en eBay utilizando nuestro módulo. 8- Política de devoluciones: el administrador puede administrar la configuración de la política de devoluciones de eBay desde el propio módulo.
Conclusión:
Por lo tanto, si está vendiendo en eBay o es uno nuevo, debe seguir estos consejos para aprovechar eBay al máximo. Estos consejos le ayudarán a vender sus productos más rápidamente. Y si vende en otras tiendas de comercio electrónico como Prestashop, Opencart y Magento además de eBay Marketplace, debe utilizar estas extensiones de integración para ahorrar tiempo y esfuerzos.
Las aplicaciones móviles son de gran importancia especialmente para las empresas en línea (eCommerce) que están dispuestas a lanzar su nueva aplicación móvil. Tener las aplicaciones móviles de comercio electrónico adecuadas con todo el conjunto correcto de características y funcionalidades es algo que todas estas empresas desean tener. Aunque en algunos casos, es posible que algunas empresas no se sientan satisfechas con su aplicación móvil y quieran modificarla o incluso deseen que se les reembolse el dinero.
Bueno, de eso se trata este artículo. En todas nuestras extensiones del Creador de aplicaciones móviles de comercio electrónico, ofrecemos una Garantía de devolución de dinero de 30-day. La extensión está disponible para las siguientes plataformas de comercio electrónico:
Basándonos en los comentarios de algunos de nuestros clientes, nos dimos cuenta de que algunos clientes pueden necesitar algo de tiempo para averiguar si la extensión del creador de aplicaciones es adecuada para sus necesidades. Tenemos varias guías en forma de artículos, videos tutoriales, enlaces de demostración para administradores y la versión gratuita de nuestras extensiones de eCommerce Mobile App Builder. A pesar de eso, es posible que persista cierta falta de conocimiento, lo que puede generar insatisfacción con el creador de la aplicación. Esta garantía de devolución de dinero de 30 días les será favorable.
Para algunos clientes con un modelo de negocio diferente o único, el diseño generalizado de nuestras extensiones del creador de aplicaciones de comercio electrónico puede no ser adecuado o puede no ser adecuado para ellos modificar su aplicación de diseño general para convertirla en una aplicación móvil adecuada para sus necesidades. Esta garantía de devolución de dinero de 30 días también puede ayudar en gran medida.
Nota:?With this offer, we will create and send APK to you for review. Money-back is only valid if you are not satisfied and don’t publish it on Google Play Store. If the app is published, we won’t offer you a refund.
Hemos estado actualizando y actualizando regularmente nuestras extensiones de eCommerce Mobile App Builder para equiparlo con las últimas tecnologías y características. Tanto en el frontend como en el backend, probamos intensamente nuestras extensiones para evitar errores o fallas para que podamos brindar lo mejor a nuestros clientes. Esto nos ha dejado críticas y comentarios positivos de la mayoría de nuestros clientes.
No solo nosotros, sino también nuestros clientes, hemos etiquetado nuestras extensiones de creación de aplicaciones móviles de comercio electrónico como una de las soluciones de creación de aplicaciones más eficientes y rentables para dominios de comercio electrónico.Estamos orgullosos de confiar en todas nuestras extensiones del Creador de aplicaciones móviles de comercio electrónico y la introducción de una garantía de devolución de dinero lo demuestra aún más.
[Gran oferta] Características principales que obtendrá en las aplicaciones de compras:
Las aplicaciones de compras para sitios web creadas en PrestaShop, OpenCart, Magento 2 y WooCommerce vienen con todas las características y funcionalidades básicas y necesarias de comercio electrónico. A continuación, se enumeran algunos de los principales para hacer prosperar su negocio sin obstáculos:
# 1. Notificaciones push ilimitadas:
Para cualquier tipo de aplicaciones móviles de comercio electrónico, las notificaciones push son imprescindibles. Su dominio sobre los enfoques tradicionales de marketing por correo electrónico y las crecientes cifras de ventas son razones sólidas de cómo las notificaciones push móviles son dignas de todas las empresas.
También en las aplicaciones de compras, las notificaciones automáticas desempeñan un papel fundamental en el aumento de la participación, la retención y las ventas del cliente. Esta característica es algo en lo que obtendrás
El generador de aplicaciones móviles de KnowBand incluso ofrece notificaciones personalizadas en el panel de administración que se pueden enviar a los usuarios y motivarlos para obtener más ventas. Todas las ofertas y promociones vigentes pueden promocionarse mediante notificaciones push móviles.
Para expandir el alcance de la audiencia, cada vez más negocios de compras en línea incluyen soporte para múltiples idiomas y monedas. Para atender a estas empresas y hacer que el lanzamiento de aplicaciones sea más conveniente para ellos, la mayoría de las aplicaciones de compras en la actualidad admiten estas funciones.
It?wasn’t facile to take your business to cross borders and sell products like your store was there only. Our Mobile Apps helps in achieving the same. The native eCommerce Apps come with all languages support including RTL ones like Arabic, Hebrew, Urdu, Persian, etc. Hence, whatever languages on your eCommerce store, same will be on the mobile apps as well.
Es una función imprescindible para cualquier tipo de aplicación, incluidas las aplicaciones de compras. Con esta función, tanto el móvil como el sitio web siempre permanecen sincronizados en vivo entre sí. De esta manera, los administradores de la tienda no tienen que administrar su aplicación móvil por separado.
A menudo, los propietarios de tiendas de comercio electrónico se quejan de problemas para administrar su enorme inventario tanto en sitios web como en aplicaciones. Para reducir los esfuerzos manuales, hemos ofrecido una sincronización del 100% en nuestras aplicaciones, lo que permite actualizaciones automáticas en tiempo real en el inventario de aplicaciones cada vez que se realizan nuevas adiciones o cambios en la tienda.
Ninguna empresa de comercio electrónico quiere que sus clientes se sientan frustrados debido a los largos procesos de pago. Para ayudar a que la función 'Pago de una página' es común en casi todas las aplicaciones de compras en línea en estos días.
Los usuarios obtienen una experiencia de pago simplificada con un envío sencillo de pedidos con una revisión rápida de los detalles relacionados con la compra.
Las opciones de chat en vivo son la primera línea de atención al cliente para cada aplicación de compras en línea. En las extensiones de eCommerce Mobile App Builder, el soporte de Whatsapp y Zopim Chat se proporciona de forma predeterminada. Estas son dos plataformas muy populares. Especialmente, Whatsapp es algo que todos los internautas usan en estos días.
Todas las funciones mencionadas anteriormente e incluso más están disponibles en nuestras extensiones de E-Commerce Mobile App Builder para plataformas como PrestaShop, OpenCart, Magento y WooCommerce. Nuestro objetivo es poner lo mejor y lo último en nuestras extensiones y continuaremos haciéndolo para atender mejor a nuestros clientes.
Esperamos que nuestras extensiones de aplicación móvil de comercio electrónico le resulten aún más útiles y convenientes. Como siempre, puede comunicarse con nosotros en support@knowband.com para cualquiera de sus consultas o asistencia.
Debido a la pandemia de coronavirus, el tráfico de comercio electrónico ha aumentado repentinamente debido al bloqueo y nadie quiere salir de sus hogares. La mayoría de las personas ahora compran en línea debido al bloqueo. En este momento difícil, Google Shopping permite a los comerciantes publicar sus productos de forma gratuita.
Este listado gratuito ayuda a muchas empresas más pequeñas que no pueden pagar Google Shopping. Brinda la oportunidad de aumentar la visibilidad de una tienda, presentando sus productos a los millones de usuarios que usan Google Shopping todos los días.
¿Qué es realmente Google Shopping?
Similar a otras plataformas publicitarias como anuncios de Facebook o Instagram, anuncios de Google Shopping
Los anuncios de Google Shopping aparecen en la esquina superior derecha de los resultados de búsqueda. Son muy diferentes de los anuncios de texto que se ven en los resultados de búsqueda porque incluyen imágenes del producto.
Porque estos anuncios brindan a los compradores toda la información relevante que necesitan
Oportunidad de oro para usuarios nuevos y existentes:
Los vendedores existentes ahora pueden enumerar sus inventarios completos en lugar de promocionar solo algunos productos a través de anuncios pagados en la plataforma. Los nuevos comerciantes ahora pueden postularse para listar productos de forma gratuita a través del Merchant Center de Google.
Nuevas asociaciones:
Como parte de esto, Google también está colaborando con PayPal para ayudar a atraer más comerciantes a la plataforma de una manera más rápida al permitirles conectar sus cuentas de Paypal existentes para aceptar pagos en línea. Google también está trabajando con empresas de comercio electrónico como Shopify para garantizar que las empresas que operan su trabajo principalmente a través de sus sitios web puedan pasar rápidamente a vender en Google Shopping.
Cómo los vendedores pueden optimizar sus listados para obtener más conversiones:
Esto da alivio a los pequeños vendedores, pero también promueve una dura competencia. Google seguirá mostrando listados de productos de proveedores que envían información limpia, relevante y actualizada con frecuencia. Para que le vaya bien en el juego, su feed de productos debe estar bien optimizado. Los siguientes son puntos clave para recordar mientras optimiza su listado:
Título y descripción:
Cuando esté creando títulos y descripciones de productos, evite el relleno de palabras clave. Para los títulos, elija una palabra clave objetivo y colóquela lo más cerca posible del título de su producto.
Imagen atractiva:
Las imágenes de productos se utilizan generalmente para atraer clientes. La primera impresión es la última impresión. Manténgalo profesional y elimine cualquier tipo de marcas de agua, logotipos o texto adicional, etc.
Precio efectivo:
Asegúrese de analizar los precios de la competencia para productos similares y el precio del suyo en consecuencia. Dado que no habrá forma de ofertar por el tráfico incremental que obtendría de estos listados orgánicos gratuitos, será aún más importante tener un enfoque estratégico con los precios.
Categoría objetivo:
Su categoría de producto desempeña un papel importante, ya que es un atributo de backend que Google tiene en cuenta al completar los resultados de búsqueda de Shopping. Su producto será más relevante si elige categorías más específicas.
¿Cómo podemos ayudarlo a incluir los productos de su tienda en Google Shopping?
Te proporcionamos Extensiones de integración de Google Shopping que le ayudan a integrar fácilmente sus tiendas de comercio electrónico con Google Shopping. Con la ayuda de estas extensiones de integración, puede promocionar fácilmente sus productos en Google Shopping.
?So if you are also selling on eCommerce platforms like Prestashop, Opencart, and Magento then you must try these extensions.
Los principales beneficios de estas extensiones son los siguientes:
Gestión de perfil: La creación de un perfil ayudará a los propietarios de las tiendas a clasificar fácilmente los productos de su tienda con la categoría correcta de Google. Esto se hará creando diferentes perfiles para diferentes categorías de productos.
Seguimiento UTM: Los vendedores pueden rastrear fácilmente su tráfico proveniente de Google Shopping utilizando diferentes parámetros UTM.
Gestión de piensos: Los vendedores pueden programar su lista de productos creando feeds. Después de crear feeds, los productos se enumerarán automáticamente sin ninguna interferencia manual.
Registros de auditoría: Los vendedores también pueden realizar un seguimiento de todas sus actividades consultando los registros de auditoría.
Activar o desactivar productos: Con un solo clic, el vendedor puede habilitar o deshabilitar su lista de productos de Google Shopping.
Conclusión:
Esta es una oportunidad de oro para las pequeñas empresas que no pueden permitirse anuncios pagados. El listado gratuito de Google Shopping le ayuda a proporcionar más conversiones. Además, si vende en otras plataformas de comercio electrónico como Prestashop, Opencart y Magento entonces también puedes probar nuestro
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.
Walmart lanzó recientemente una nueva integración con la plataforma de compras de comercio electrónico, Shopify, que es utilizado por más de 1 millón de pequeñas y medianas empresas. Con la ayuda de esta asociación, los proveedores de Shopify pueden usar el mercado de Walmart. Este acuerdo se centra en el objetivo de traer 1,200 Shopifyvendedores al mercado este año. La idea detrás de esta integración es aumentar el alcance de más marcas colocándolas frente a millones de usuarios de Walmart.
La integración se produjo en un momento en que la mayoría de los usuarios compran en línea ante la pandemia de coronavirus. Walmart vieron un incremento de alrededor del 74% en sus ventas en el último trimestre, debido al aumento en las compras impulsadas por la pandemia, que enviaron a los usuarios en línea a buscar artículos necesarios como alimentos, productos de limpieza y más.
Con el lanzamiento de esta integración, Walmart ahora se enfoca en aquellas marcas que pueden satisfacer las necesidades de sus usuarios. Walmart busca aquellas marcas que tengan un gran historial y una mejor satisfacción del cliente.
Después de esta integración, los vendedores de Shopify pueden verificar su elegibilidad instalando la aplicación de Walmart desde la tienda Shopify. Si fueron aprobados por Walmart
De manera similar, al igual que Walmart-Shopify Integration, en Knowband también ofrecemos varias extensiones para que su proceso de venta sea fácil y fluido, así como para convertir su tienda de comercio electrónico en un mercado. Al usar estas extensiones obtendrá las siguientes funciones:
Subir productos de forma masiva: Puede cargar fácilmente productos de forma masiva con estas extensiones,
Permitir varios vendedores: Al usar estas extensiones, también puede permitir que varios vendedores vendan en su mercado.
Gestión de comisiones: Puede establecer diferentes tipos de comisiones a los vendedores para que vendan sus productos en su tienda.
Reseñas del vendedor: El proceso de revisión es muy fácil, el usuario puede revisar tanto al vendedor como a su producto.
Múltiples opciones: Si más vendedores venden sus productos en su mercado, sus usuarios tendrán una variedad más amplia de opciones.
Registro fácil: Los vendedores pueden registrarse fácilmente con solo unos pocos clics. Todo el proceso es muy sencillo.
Soporte para todo tipo de producto: Estas extensiones admiten varios tipos de productos, como simples, configurables y empaquetados.
Por lo tanto, si vende sus productos en línea y desea convertir su tienda en línea en un mercado para permitir que varios vendedores vendan sus productos en su mercado, debe probar estas extensiones:
Esta extensión automatizada de OpenCart se creó con el motivo de facilitar que los propietarios de tiendas en línea transformen su tienda en una aplicación web progresiva. La tienda de comercio electrónico en PWA es una de las principales tecnologías avanzadas que todo negocio de comercio electrónico debe buscar. La aplicación móvil OpenCart PWA es en realidad una aplicación web que no depende de las tiendas de aplicaciones de terceros (Google Play y Apple App Store). Los compradores en línea pueden fácilmente “Agregar la aplicación PWA a la pantalla de inicio” y comprar productos sobre la marcha como cualquier otra aplicación.
1.1 ¿Cómo funciona la aplicación web progresiva OpenCart (PWA)?
Una vez que la tienda de comercio electrónico se convierta a la aplicación móvil OpenCart PWA, cada vez que un usuario abra la URL de la tienda en el navegador móvil, se le pedirá a los usuarios que “Agreguen PWA a la pantalla de inicio”. Es así de simple instalar y usar la aplicación web progresiva OpenCart.
1.2 Funciones principales para elegir OpenCart PWA:
Carga más rápida y rendimiento rápido
Pantalla de inicio totalmente personalizable con editor de bricolaje
Soporte para todos los métodos de pago y envío del sitio web
Notificaciones push ilimitadas (tanto notificaciones automáticas como personalizadas)
Notificación push de carrito abandonado
Soporte de chat de Zopim y WhatsApp
Interfaz atractiva y fácil de usar
Sin dependencia de las tiendas de aplicaciones
Totalmente de marca para su tienda (Etiqueta Blanca)
Correo electrónico e inicio de sesión social (Google y Facebook)
Soporte multilingüe y RTL
Funcionamiento en modo sin conexión
Funcionalidad de lista de deseos incorporada
Sitio web y aplicación de sincronización en vivo en blanco y negro
Actualización automática de inventario
Compatibilidad con varios dispositivos
Pago de una página
Aplicación ligera
Gestión de páginas CMS
Productos relacionados en Progressive Web App
Reseñas de usuarios para productos en PWA
Soporte de monedas múltiples
Asistencia con cupones / vales
[IMP] Notas para iOS PWA:
�> Los dispositivos iOS (iPhone, iPad, etc.) no ofrecen ningún mensaje incorporado “Agregar a la pantalla de inicio”. Por lo tanto, los usuarios de la aplicación móvil PWA deben agregar manualmente la aplicación móvil OpenCart PWA a la pantalla de inicio de iPhone o iPad. �> iOS no admite notificaciones web push. Por lo tanto, el administrador de la tienda solo puede enviar notificaciones automáticas al dispositivo Android, no al iOS.
OpenCart PWA Mobile App Creator ahora admite varios idiomas, incluidos los scripts RTL (de derecha a izquierda) como árabe, hebreo, persa, etc. Todos los idiomas de la tienda OpenCart estarán en la aplicación web progresiva y también se pueden agregar otros idiomas requeridos. Los usuarios pueden elegir el idioma en la aplicación web progresiva y todo el contenido de la aplicación se traducirá en consecuencia.
Totalmente compatible con KnowBand Multi-vendor Marketplace:
Nuestra aplicación móvil OpenCart PWA es compatible con Mercado OpenCart de múltiples proveedores. Convierta su tienda de comercio electrónico OpenCart en un mercado completo y ejecute la aplicación móvil PWA para el mismo. Los vendedores del mercado estarán disponibles en su aplicación web progresiva y los usuarios también pueden navegar por ellos.
Nota: Las aplicaciones móviles de OpenCart PWA solo están centradas en el cliente, es decir, los usuarios pueden visitar la aplicación de navegación PWA junto con los vendedores. No habrá ningún panel de control o administración del vendedor a través de la aplicación web progresiva OpenCart. El administrador puede administrar a los vendedores desde la web del mercado y lo mismo se actualizará automáticamente en la aplicación móvil de PWA.
1.3 Ver la demostración de OpenCart PWA:
Explore las funciones del módulo y la aplicación PWA desde los siguientes enlaces de demostración:
(Copiar y pegar URL en el navegador móvil y “Agregar a la pantalla de inicio”)
Pantallas del panel de administración 2.0:
Explore todas las configuraciones del panel de administración de la extensión de la aplicación móvil OpenCart PWA junto con la funcionalidad y trabaje con las instantáneas compartidas 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) Estado: 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) Nombre de la aplicación PWA: Ingrese el nombre de la aplicación OpenCart PWA. e) Seleccionar diseño para la página de inicio: Elija entre el diseño de pantalla de inicio preagregado para la aplicación web progresiva OpenCart.
f) Habilitar barra de pestañas: Habilite la barra de pestañas en la parte inferior de la aplicación OpenCart PWA para una navegación perfecta. g) Fuente para la aplicación PWA: Elija una fuente para OpenCart Progressive Web App (PWA). h) Color del botón de la aplicación: Elija el color del botón para la aplicación móvil PWA. i) Color del tema de la aplicación: Elija el color del tema para la aplicación PWA. j) Color de fondo de la aplicación: Elija el color de fondo para la aplicación PWA. k) Color de la pantalla de bienvenida de la aplicación: Elija una pantalla de inicio para la aplicación móvil PWA. l) Habilitar logotipo: Agregue el logotipo de su marca en el encabezado de la aplicación móvil OpenCart PWA.
m) Imagen para el icono de la aplicación: Agregue la imagen del icono de la aplicación en el panel de administración de la extensión OpenCart PWA. n) 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.
2.2 Configuración de notificaciones automáticas
Las notificaciones automáticas son la mejor herramienta de marketing para la aplicación web progresiva (PWA) para OpenCart. 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 / deshabilite 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 web progresiva OpenCart (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 OpenCart 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 OpenCart Progressive Web App (PWA) según la necesidad. El administrador de la tienda puede configurar estas notificaciones por su cuenta y enviarlas a los usuarios de OpenCart Progressive Web App (PWA).
Diseño de la página de inicio de 2.4:
Diseñe y guarde múltiples diseños de diseño (ofertas, festivales, etc.) y simplemente elija el correcto desde el panel de administración para actualizar en OpenCart Progressive Web App.�
La aplicación web progresiva OpenCart (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 OpenCart 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:
Categorías principales:�
Bandera cuadrada:
Banner deslizante horizontal:
Banner de cuadrícula:�
Banner del temporizador de cuenta regresiva:�
Productos cuadrados:�
Productos deslizantes:�
Productos de rejilla:�
¿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.
2.7 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 OpenCart PWA.
3.0 Pantallas de la aplicación Front End PWA:
3.1 Pantalla de inicio:
La pantalla de inicio de la aplicación web progresiva OpenCart (PWA) es totalmente personalizable con un editor de bricolaje 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 web progresiva OpenCart (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 OpenCart 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 al 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 OpenCart 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 OpenCart son las mismas que están disponibles en la tienda de comercio electrónico.
3. Páginas de 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 OpenCart Progressive Web App (PWA).
6. Iniciar/Cerrar sesión:
Los usuarios pueden iniciar/cerrar sesión fácilmente desde la aplicación OpenCart 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 OpenC Progressive Web App (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 OpenCart 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 OpenCart 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 OpenCart es tan simple e intrigante como podría ser. Con todas las opciones e información necesarias sobre el producto, es cuestión de minutos para que el usuario esté seguro del producto que está a punto de adquirir. 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í.
4. Agregar al carrito:
Este botón permite a los usuarios agregar productos al carrito. Los usuarios pueden seguir procesando el carrito para la compra.
5. 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 OpenCart 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 OpenCart 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 OpenCart 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 OpenCart 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 OpenCart tiene un pago simplificado en una sola pantalla con solo información relevante. Los usuarios de la aplicación pueden ver detalles de pago completos, 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: aquí se muestran todos los métodos de envío disponibles. 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.
6. Resumen de pago:
Esta sección muestra los detalles completos del pago desglosado relacionados con la compra.
7. 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 OpenCart 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 OpenCart 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 web progresiva OpenCart (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 OpenCart 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.
Al estar en la industria del comercio electrónico minorista, debe haber encontrado la palabra PWA (aplicación web progresiva). En caso afirmativo, también debe tener en cuenta la capacidad que tienen como aplicación de compras. En caso de que no, has aterrizado en el lugar correcto. Con el crecimiento constante en el uso de aplicaciones de compras (tanto nativas como PWA), las tiendas en línea están cambiando al desarrollo de aplicaciones móviles PWA para sus negocios. Lanzar una aplicación web progresiva es una tarea bastante más simple y asequible en estos días. KnowBand ha lanzado la aplicación móvil Magento 2 PWA, una herramienta completa sin código y automatizada para lanzar una aplicación web progresiva. En palabras simples, cada vez que un usuario abra la URL de su tienda en el navegador móvil, recibirá un mensaje de “Agregar a la pantalla de inicio”. La aplicación web progresiva Magento 2 se agregará en el dispositivo del usuario como cualquier otra aplicación y las compras en línea se pueden realizar sobre la marcha.
1.1 Ver aplicación de demostración:
Explore la demostración de la aplicación web progresiva para Magento 2 y eche un vistazo a cómo se verán y funcionarán sus aplicaciones finales:
�> Los dispositivos iOS no ofrecen ningún mensaje incorporado “Agregar a la pantalla de inicio”. Los usuarios deben agregar manualmente la aplicación móvil Magento 2 PWA a la pantalla de inicio del iPhone o iPad. �> iOS no admite notificaciones web push. Las notificaciones automáticas solo se pueden enviar al dispositivo Android desde el panel de administración de Magento 2 PWA Mobile App Builder.
El creador de aplicaciones móviles Magento 2 PWA ahora es compatible con todos los idiomas del mundo, incluido RTL (de derecha a izquierda). La aplicación móvil PWA para Magento 2 puede tener idiomas como árabe, hebreo, persa, etc. El propietario de la tienda puede ofrecer todos los idiomas del sitio web en la aplicación web progresiva e incluso puede agregar otros nuevos.
Pantallas del panel de administración 2.0:
Con el backend del panel de administración amigable, el administrador de la tienda puede configurar y personalizar la apariencia y el funcionamiento de la aplicación móvil PWA. Es solo una cuestión de unos pocos clics y alternar el mouse para realizar cambios en las aplicaciones web progresivas de Magento 2. Veamos una descripción detallada de las pantallas del panel de administración:
2.1 Configuración general:
a) Habilitar la Extensión:Habilite el módulo Magento 2 PWA para que la aplicación web funcione en los teléfonos inteligentes de los usuarios.
b) Redirigir en la página del carrito cuando se agrega al carrito:Habilite para redirigir a los usuarios al carrito de compras o deshabilite para mantenerlos en la pantalla del producto.
c) Mostrar descripción breve:Habilite para agregar y mostrar una breve descripción en la pantalla del producto de Progressive Web App.
d) Habilitar informes de registro de solicitudes: Habilite esta pestaña para activar el archivo de registro en la aplicación móvil de PWA. Este archivo de registro se puede utilizar para rectificar cualquier comportamiento anormal de la aplicación web progresiva.
e) Mostrar vista previa de la aplicación: Habilite para agregar un teléfono de vista previa en el panel de administración. Todos los cambios de color, fuente y pantalla de inicio se mostrarán en el teléfono de vista previa en tiempo real.
f) Habilitar barra de pestañas: Agregue una barra de pestañas inferior en la aplicación móvil Magento 2 PWA.
g) Seleccionar diseño para la página de inicio:Elija los diseños deseados de los agregados y mejore la apariencia de la aplicación.
h) Imagen para el icono de la aplicación:Cargue el ícono de la aplicación Magento 2 PWA por su cuenta y cámbielo también si es necesario.
i) Nombre de la aplicación PWA:�Ingrese el nombre de la aplicación web progresiva Magento 2.
j) Seleccionar fuente para la aplicación PWA:Elija la fuente de su aplicación PWA para Magento 2.
k) Color del botón de la aplicación: Elija el color del botón para su aplicación móvil PWA.
l) Color del texto del botón de la aplicación: Elija el color del texto del botón para su aplicación web progresiva Magento 2.
m) Color del tema de la aplicación: Elija el color del tema (encabezado) de su aplicación web.
n) Color de fondo de la aplicación:Elija el color de fondo de la aplicación web progresiva.
o) Color de fondo de la pantalla de bienvenida: Elija la opción de color adecuada para el fondo de la pantalla de presentación de la aplicación PWA.
p) Métodos de envío deshabilitados: Elija los métodos de envío para que no funcionen en la aplicación móvil Magento 2 PWA.
q) Habilitar y cargar logotipo: Agregue la imagen del logotipo de su tienda para que se muestre en el encabezado de la aplicación PWA Mobile.
2.2 Configuración de notificaciones automáticas:
La aplicación web progresiva Magento 2 ofrece notificaciones automáticas ilimitadas al mercado y promueve ofertas y productos de la tienda. El administrador de la tienda recibirá notificaciones automáticas de por vida sin cargos adicionales.
Los diversos campos de esta pestaña de configuración requieren la configuración de una cuenta de Firebase. Así es como puede configurar uno:
¿Cómo configurar una cuenta de Firebase?
Paso 1: Iniciar sesión 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: Vaya a las 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 aplicación web a Firebase
Paso 7: Obtenga otros detalles relacionados con firebase y pegue lo mismo 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: Agregue su dominio en autenticación>>iniciar sesión.
2.21 Notificaciones automáticas automáticas:
El administrador de la tienda puede programar el envío automático de notificaciones para los siguientes casos:
a) Configuración de nuevos pedidos:Siempre que se realice un nuevo pedido desde la aplicación móvil Magento 2 PWA.
b) Ajustes de cambio de estado del pedido: Siempre que se cambie/actualice el estado de entrega de cualquier pedido.
c) Configuración del carrito abandonado: Siempre que un usuario deje el producto en el carrito y abandone la aplicación web progresiva.
2.22 Notificación de inserción manual:
Como se muestra en la instantánea anterior, el administrador de la tienda puede personalizar y enviar notificaciones push manuales a los usuarios de la aplicación móvil de PWA. El mensaje, la imagen, el descuento ofrecido, el enlace de redirección se pueden agregar/editar para mejorar la eficiencia de la notificación y generar más ventas.
Diseño de la página de inicio de 2.3:
Magento 2 PWA Mobile App Builder ofrece un panel de edición de bricolaje totalmente personalizable para personalizar y configurar la apariencia de la aplicación web progresiva. Se pueden agregar varios diseños nuevos al panel de administración en función de los próximos festivales y ocasiones.
2.31 Categorías principales:
2.32 Bandera cuadrada:
2.33 Pancarta Deslizante:
2.34 Banner de cuadrícula:
2.35 Pancarta del temporizador de cuenta regresiva
2.36 Productos cuadrados:
2.37 Productos deslizantes:
2.38 Productos de rejilla:
¿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 de la aplicación Front End PWA:
Eche un vistazo rápido a las pantallas perfectamente diseñadas de Progressive Web App para Magento 2:
3.1 Pantalla de inicio:
La pantalla de inicio de la aplicación web progresiva Magento 2 es totalmente personalizable desde el panel de administración del módulo. Puede diseñar el diseño de las pantallas de la aplicación de la forma que desee. Los diseños personalizados se pueden diseñar en el panel de administración en función de eventos, festivales, ocasiones, etc. y se pueden usar cuando sea necesario.
1. Diseño dinámico:
Usando varios elementos de diseño (banners, controles deslizantes, categorías, etc.), el administrador de la tienda puede crear un diseño dinámico según la necesidad.
2. Logotipo de la tienda:
Agregue el logotipo de la tienda en el encabezado de la aplicación PWA.
3. Carrito de compras:
El ícono del carrito de compras en la esquina superior derecha de la pantalla de inicio permite a los usuarios cambiar a la pantalla del carrito.
4. Menú de navegación:
Explore las categorías en las aplicaciones con el menú de navegación izquierdo en la pantalla de inicio.
3.2 Menú de navegación izquierdo:
Las aplicaciones móviles Magento 2 PWA presentan una categorización perfecta de productos. Las categorías en la aplicación móvil de PWA serán las mismas que están disponibles en el sitio web. Los compradores en línea pueden navegar fácilmente por productos de múltiples categorías sin problemas. También se pueden agregar varias páginas de CMS al menú de navegación izquierdo usando el panel de administración.
1. Mi cuenta:
La opción Mi cuenta contiene toda la información personal, de envío y de pedido del usuario. Los compradores de la aplicación PWA pueden ver todos los datos almacenados relacionados con ellos y también pueden actualizarlos.
2. Categorías
Las categorías que se muestran en el menú de navegación izquierdo de la aplicación PWA son las mismas que las de su sitio web.
3. Páginas de CMS:
Se puede acceder a varias páginas de CMS como Acerca de nosotros, Contáctenos, Términos y condiciones, etc. desde aquí.
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. Todos los idiomas disponibles se muestran solo en esta opción.
5. Moneda(s)
Todas las monedas disponibles en su sitio web se muestran aquí en la aplicación Magento 2 PWA.
6. Iniciar/Cerrar sesión
Los usuarios pueden iniciar o cerrar sesión fácilmente desde la aplicación Magento 2 PWA a través de esta opción.
3.3 Pantalla de categoría:
1. Vistas múltiples:
Las categorías en la aplicación PWA para Magento 2 se pueden ver tanto en la lista como en la vista de cuadrícula.
2. Clasificación:
Esta opción permite a los compradores en línea elegir el orden de clasificación para reducir la búsqueda y obtener el producto deseado con facilidad.
3. Filtrar:
La opción de filtrar productos simplifica la búsqueda de productos. Los usuarios pueden filtrar todos los productos en categorías usando varios atributos como tamaño, color, precio, etc.
3.4 Pantalla del producto:
La pantalla del producto de la aplicación web progresiva Magento 2 contiene toda la información necesaria del producto al igual que la de su tienda. Desde múltiples imágenes de productos hasta descripciones cortas y largas ayuda a que el usuario se anime a comprar. La disponibilidad del producto se indica como “En stock” o “Fuera de stock” según el estado del inventario.
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 web progresiva Magento 2 ofrece opciones rápidas de inicio de sesión con un solo toque y hace que el proceso de inicio de sesión/registro sea más fluido: – Inicio de sesión por correo electrónico – Inicio de sesión en Google – Inicio de sesión en 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 Magento 2 PWA. El formulario de registro solicita solo los detalles necesarios para crear una cuenta.
3. Inicia 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 bolsa de compras de las aplicaciones Magento 2 PWA mostrará todos los productos agregados junto con su cantidad y precio a pagar. Los usuarios de la aplicación también pueden ver los detalles del producto para estar seguros antes de comprar uno.
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”.
3.7 Pantalla de pago:
Las aplicaciones móviles de PWA para Magento 2 vienen con una sola pantalla de pago sin desorden con solo los campos relevantes y necesarios. Los usuarios de la aplicación obtienen una descripción general completa del pedido antes de realizar el pago, como los detalles de envío, los detalles de facturación, el resumen del pedido, el comentario del pedido y el 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.
6. Resumen de pago
Esta sección muestra los detalles completos del pago desglosado relacionados con la compra.
7. 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 aplicación Magento 2 PWA trae todos los pagos de vista web (sitio web) en la aplicación. Los usuarios de la aplicación encontrarán aquí las mismas opciones de pago que están disponibles en las aplicaciones. La pantalla de pago de la aplicación web progresiva Magento 2 está completamente optimizada para la vista de la aplicación.
3.9 Pantalla Mi cuenta:
La pantalla Mi cuenta de la aplicación Magento 2 PWA ofrece todos los detalles de los usuarios disponibles en la aplicación web progresiva. Los compradores en línea pueden ver los datos personales, la dirección de envío, los detalles del pedido, etc.
1. Detalles personales
Los usuarios también pueden ver y actualizar sus detalles de perfil previamente guardados.
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 reordenamiento
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.10 Pantalla de detalles del pedido
La aplicación web progresiva Magento 2 muestra los detalles completos de los pedidos de aplicaciones anteriores. Esta pantalla contiene detalles del pedido, historial de estado, direcciones de envío y facturación, etc. para cada pedido realizado a través de la aplicación Magento 2 PWA. Los usuarios de la aplicación pueden ver rápidamente el resumen completo del pedido y también pueden realizar un seguimiento del estado de la entrega.
WooCommerce es la plataforma de comercio electrónico líder y una de las opciones más favorables de los comerciantes en línea. Además, las características y la integración también agregan más a los beneficios de tener una tienda en línea de WooCommerce. Varios complementos de terceros mejoran las características de la tienda en línea y permiten a los usuarios comprar productos en línea con facilidad.
Inicie la aplicación móvil WooCommerce con cero codificación
Sí, es posible ahora. Incluso sin escribir una sola línea de código, los propietarios de negocios no técnicos pueden desarrollar aplicaciones de compras Android e iOS (nativas) para su tienda. KnowBand ofrece WooCommerce Mobile App Builder automatizado listo para usar para hacer el trabajo por usted. WooCommerce Mobile App Creator para tiendas minoristas en línea es una herramienta totalmente automatizada para lanzar aplicaciones para la tienda electrónica. Simplemente siga estos 3 pasos rápidos:
Paso 1: compra la extensión.
Comprar WooCommerce Mobile App Builder con solo un pago único. Sin suscripción ni cargos ocultos para el desarrollo y administración de aplicaciones.
Paso 2: Formulario de prerrequisito.
Complete los detalles requeridos en el formulario de requisitos previos. Estos detalles serán necesarios para el desarrollo y lanzamiento de la aplicación.
Paso 3: Revise los archivos APK / IPA desarrollados
Nuestro equipo desarrollará y compartirá archivos APK / IPA con usted para su revisión. Una vez que sienta que todo está bien con las aplicaciones, confirme que lancemos aplicaciones.
Nota: Las aplicaciones de Android e iOS se lanzarán en Google Play Store y Apple App Store utilizando sus cuentas de desarrollador.
¿Qué es lo mejor con esta extensión?
Aunque la extensión viene con numerosas características, estas son algunas de las principales para guiarlo rápidamente a través del funcionamiento de la extensión y las aplicaciones:
1. Diseño de pantalla de inicio personalizable:
Atrás quedaron los días, cuando solíamos apegarnos al diseño fijo de la pantalla de inicio de la aplicación de compras de comercio electrónico. Las aplicaciones móviles para WooCommerce permiten a los comerciantes electrónicos cambiar el aspecto de la pantalla de inicio según los requisitos. Ya sea viernes negro, Navidad, año nuevo o cualquier otra cosa, cambie la pantalla de inicio de la aplicación completa con solo unos pocos ajustes.
Para hacer que la pantalla de inicio de su aplicación móvil WooCommerce sea más atractiva y atractiva, use gráficos e imágenes relevantes con esquemas de color intuitivos. Aquí están las pocas UI de aplicaciones hermosas desarrolladas por nosotros:
Nota: También podemos improvisar y embellecer la pantalla de inicio de su aplicación con la ayuda de nuestro equipo de diseñadores expertos.
2. Notificaciones Push ilimitadas:
Personalice y envíe notificaciones push ilimitadas en los dispositivos móviles donde está instalada su aplicación. Habría visto notificaciones automáticas de varios grandes del comercio electrónico como Amazon, Walmart, etc. y al estar en el negocio minorista, también tenga en cuenta el potencial que conllevan. WooCommerce Mobile App Maker ofrece notificaciones automáticas y manuales (Editor) en el panel de administración. El administrador de la tienda puede habilitar la siguiente notificación para el despliegue automático en las aplicaciones de Android e iOS: – Creación exitosa de pedidos – Actualización del estado del pedido – Notificación de carrito abandonado Junto con esto, el comerciante de la tienda puede incluso redactar y enviar notificaciones push promocionales o de venta basadas en manual con gráficos relevantes y redirección. Todo lo que necesita es pasar unos minutos y manejar el marketing desde su aplicación como un profesional.
3. Soporte de pago y envío del sitio web
Debe haber estado buscando las mismas opciones de pago en la aplicación que están disponibles en el sitio web. Este Creador de aplicaciones móviles de WooCommerce está diseñado teniendo en cuenta ese hecho. Permite que todos los métodos de pago de su sitio web se activen en las aplicaciones. Junto con los métodos de pago, todos los métodos de envío que se ejecutan activamente en la tienda de comercio electrónico también estarán allí en la aplicación. Los usuarios pueden elegir fácilmente su elección favorable y realizar la compra.
4. Multilingüe y RTL (árabe, urdu, etc.)
Las aplicaciones móviles para WooCommerce admiten todo tipo de idiomas en todo el mundo, incluidos los scripts RTL como árabe, hebreo, persa, etc. Los usuarios encontrarán el contenido de la aplicación en el idioma deseado y comprarán productos. Junto con varios idiomas, todo tipo de opciones de moneda disponibles en el sitio web estarán allí en las aplicaciones. Todas las monedas estarán allí en las aplicaciones finales.
5. Chat de WhatsApp y Zopim (Zendesk)
Con el soporte de chat incorporado de WhatsApp y Zendesk, los compradores en línea pueden mantenerse directamente en contacto con el propietario de la tienda y obtener respuestas a sus consultas en el menor tiempo posible. A menudo sucede que los usuarios finales se quedan con cualquier problema o duda y finalmente se van sin medio de contacto disponible. WooCommerce Mobile App Builder ofrece un canal de comunicación destacado entre el comprador y el administrador de la tienda para mejorar el flujo de compras. Todo lo que necesita para habilitar el chat desde el panel de administración para que funcione en sus aplicaciones. Eso no es todo. Todavía hay muchas características para discutir. Verifíquelos todos desde el siguiente enlace:
Habría sido claro hasta ahora lo fácil que hemos sido el desarrollo de la aplicación con esta herramienta. Todo lo que necesita comprar e instalar en su tienda, descanse, todo será manejado por nuestros desarrolladores calificados y profesionales. Involucre a más usuarios en esta era móvil ofreciéndoles hoy una aplicación de compras de refuerzo eficiente y de venta. Eso es todo por este artículo. Si desea explorar más, conéctese con nosotros en Skype (support@knowband.com) o envíenos un correo electrónico a support@knowband.com
Las aplicaciones ligeras son una necesidad para casi todas las industrias, especialmente el comercio electrónico; si son una organización establecida o una startup. Independientemente de la demografía de los consumidores / públicos a los que se dirigen, las aplicaciones livianas son un boom. Este artículo se centra principalmente en la creación de una aplicación móvil PrestaShop PWA y le presenta los beneficios de las aplicaciones web progresivas. Debe conocer la naturaleza básica de una aplicación liviana que consume menos espacio en los dispositivos de los usuarios de la aplicación sin comprometer la calidad y la funcionalidad de la aplicación. Además, las aplicaciones livianas cargan el contenido más rápido y, en general, realizan todas las tareas más rápido, en comparación con las aplicaciones nativas. Estos dos factores ayudan a que las aplicaciones livianas prosperen incluso en las áreas que no tienen una conexión a Internet de muy alta velocidad. Las aplicaciones web progresivas o PWA son una gran solución para eso. Los PWA no solo son más rápidos y consumen menos espacio, sino que también ofrecen una gama más amplia de beneficios tanto para los propietarios de las tiendas como para los usuarios de la aplicación. Tener un PrestaShop PWA (aplicación web) puede hacer maravillas para un negocio. Y construir uno para su negocio ahora es tan fácil como un pastel usando una extensión preparada, es decir, un módulo PrestaShop PWA Builder. Antes de sumergirse en eso, debe echar un vistazo a los beneficios que vienen con una PWA (aplicación web) para su tienda PrestaShop.
Creación de una aplicación ligera con PrestaShop PWA Builder:
Paso 2: Rellene el formulario de requisitos previos de la aplicación proporcionado por KnowBand.
Paso 3: Revise su aplicación web PrestaShop desarrollada y confirme para ponerla en funcionamiento. Esta aplicación móvil PWA para PrestaShop crea fácilmente una aplicación web progresiva derivada de su propio sitio web de comercio electrónico PrestaShop.
Características de la aplicación móvil PrestaShop PWA:
Debido a sus ricas características y posibilidad de personalización, las aplicaciones progresivas están ganando más popularidad entre las empresas cada año. De hecho, PWA y sus versiones híbridas han sido etiquetadas como el futuro de las aplicaciones y las empresas de comercio electrónico que pueden aprovechar al máximo.
Otras ventajas de una aplicación PrestaShop PWA:
Las aplicaciones web progresivas (PWA) consumen menos espacio y son más rápidas que las aplicaciones móviles tradicionales (aplicaciones nativas). Los PWA son más rápidos, incluso para sitios de comercio electrónico como PrestaShop, porque el contenido de la página se descarga progresivamente a medida que el usuario sigue navegando. Además, tenga en cuenta que los PWA son aplicaciones basadas en la web codificadas en HTML, CSS y JavaScript, de ahí el nombre de "Aplicación web progresiva".
Una sola aplicación PrestaShop PWA puede ejecutarse en todos los sistemas operativos, es decir, en Android, iOS, Windows, etc. Esto se debe a que los PWA se ejecutan en los navegadores de Internet. Lo mismo no es posible con las aplicaciones nativas porque necesitaría construir 2 aplicaciones nativas, una para Android y otra para iOS, ambas en diferentes lenguajes de programación.
Los PWA aparecen exactamente como una aplicación móvil nativa una vez que los visitantes que navegan en su sitio PrestaShop agregan el PWA a su pantalla de inicio.
Debido a que los PWA son aplicaciones web, no es necesario que publique su PrestaShop PWA en Play Store o App Store para que esté disponible para su audiencia. Por lo tanto, no hay dependencia en las tiendas de aplicaciones móviles con PWAs.
Los usuarios de su sitio / aplicación pueden compartir fácilmente las aplicaciones web progresivas con solo una URL. Los nuevos usuarios no necesitan descargar e instalar su aplicación antes de usarla. Pueden acceder directamente a su aplicación web PrestaShop desde sus navegadores y luego elegir agregarla directamente a su pantalla de inicio. Y es entonces cuando comenzaría a actuar como una aplicación nativa con el ícono de la aplicación en la pantalla de inicio de sus dispositivos y en su menú.
Las aplicaciones web progresivas también pueden usar la mayoría de las funciones del dispositivo (teléfonos inteligentes / tabletas) como cámaras, micrófonos, etc. Sin embargo, el uso de geofencing y NFC en PWA aún está por venir en el futuro.
PWAs también le permite enviar notificaciones push a los usuarios de su aplicación tal como lo haría una aplicación nativa.
Los PWA utilizan URL seguras (https: //), por lo tanto, no necesita preocuparse por las preocupaciones de seguridad.
Las aplicaciones web progresivas son más fáciles de actualizar y mantener. Los usuarios de su aplicación web PrestaShop no necesitarán actualizar manualmente sus PWA. Esa es una tarea involucrada con aplicaciones nativas, no con PWAs.
Conclusión:
Como poseer una aplicación PWA para su tienda PrestaShop se ha vuelto más fácil y asequible, es un buen momento para comprar estas aplicaciones web. Utilizar el módulo PrestaShop PWA Builder es una forma inteligente de crear su aplicación web. Nosotros, en KnowBand, también ofrecemos aplicaciones nativas (Android e iOS) para PrestaShop. Échales un vistazo desde abajo:
Si tiene alguna consulta relacionada con este módulo de creación de aplicaciones, no dude en enviarnos un correo electrónico a support@knowband.com. ¡Nos encantaría escuchar sus valiosos comentarios!
