![\"pantalla](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\")
<\/a><\/p>\nAntes de comprar la extensi\u00f3n, vea el funcionamiento de la aplicaci\u00f3n de demostraci\u00f3n abriendo la URL de la aplicaci\u00f3n de demostraci\u00f3n PrestaShop PWA en su navegador.<\/p>\n
URL de la tienda de demostraci\u00f3n:<\/strong> https:\/\/psm.knowband.com\/pwa\/admin1<\/a> –> Los dispositivos iOS no ofrecen ning\u00fan indicador incorporado “Agregar a la pantalla de inicio”, por lo que los usuarios deben agregar manualmente la aplicaci\u00f3n m\u00f3vil PWA a la pantalla de inicio del iPhone o iPad. –> iOS no admite notificaciones push web, por lo tanto, las notificaciones push solo se pueden enviar al dispositivo Android desde el panel de administraci\u00f3n de PrestaShop PWA Mobile App Builder.<\/p>\n PrestaShop PWA Mobile App Creator ahora es compatible con todos los idiomas del mundo, incluidos los RTL (de derecha a izquierda), como el \u00e1rabe, el hebreo, el persa, etc. El administrador de la tienda puede incluir todos los idiomas de su tienda en la aplicaci\u00f3n web progresiva e incluso puede agregar cualquier idioma RTL seg\u00fan el requerimiento. Por otro lado, los compradores m\u00f3viles no tendr\u00e1n ning\u00fan problema para acceder a la aplicaci\u00f3n m\u00f3vil PrestaShop PWA en su idioma preferido.<\/p>\n Nuestra Mercado de m\u00faltiples proveedores de PrestaShop<\/a> El m\u00f3dulo es totalmente compatible con la aplicaci\u00f3n m\u00f3vil PrestaShop PWA. La aplicaci\u00f3n web progresiva muestra la secci\u00f3n de vendedores con todos los vendedores del mercado en la misma aplicaci\u00f3n. Los detalles del vendedor permanecen sincronizados en tiempo real con la web del mercado y se actualizar\u00e1n autom\u00e1ticamente en la aplicaci\u00f3n PrestaShop PWA.<\/p>\n Nota:<\/strong> La aplicaci\u00f3n m\u00f3vil PWA de m\u00faltiples proveedores para PrestaShop solo est\u00e1 centrada en el cliente. Esto significa que no habr\u00e1 ning\u00fan panel de control o administraci\u00f3n del vendedor desde el final de la aplicaci\u00f3n. El administrador de la tienda puede administrar a los vendedores desde el m\u00f3dulo PrestaShop Marketplace y lo mismo se actualizar\u00e1 en la aplicaci\u00f3n al instante.<\/p>\n La aplicaci\u00f3n m\u00f3vil PrestaShop PWA se puede configurar completamente utilizando estas pr\u00e1cticas pesta\u00f1as y configuraciones de administraci\u00f3n. Todo lo que necesita hacer es hacer algunos clics necesarios y alternar botones para realizar los cambios en la aplicaci\u00f3n web progresiva. Analicemos cada uno de ellos en detalle:<\/p>\n Como sugiere el nombre, estos ajustes de configuraci\u00f3n generales son para todo tipo de cambios regulares en las aplicaciones web progresivas (PWA). Las opciones debajo de esta pesta\u00f1a hacen que la aplicaci\u00f3n funcione en los dispositivos de los compradores en l\u00ednea.<\/p>\n a) Habilitar complemento:<\/strong>Habilite el m\u00f3dulo PrestaShop PWA para que la aplicaci\u00f3n funcione en dispositivos m\u00f3viles. e) Color de fondo de la pantalla de bienvenida:<\/strong> Elija la opci\u00f3n de color adecuada para el fondo de la pantalla de inicio de la aplicaci\u00f3n web progresiva (PWA). Las notificaciones autom\u00e1ticas son la herramienta \u00fatil para comercializar y promocionar los productos, las ofertas y las ofertas de venta de su tienda. La configuraci\u00f3n en esta pesta\u00f1a permite a los usuarios configurar y enviar notificaciones autom\u00e1ticas ilimitadas en la aplicaci\u00f3n PrestaShop PWA.<\/p>\n Los diversos detalles de esta configuraci\u00f3n se obtendr\u00e1n cuando configure la cuenta de Firebase. Aqu\u00ed est\u00e1 el proceso paso a paso para hacerlo:<\/p>\n Paso 1:<\/strong>\ufffdIniciar sesi\u00f3n en Google Firebase<\/p>\n Paso 5: <\/strong>Buscar claves de Firebase En la configuraci\u00f3n del proyecto, haga clic en Configuraci\u00f3n de mensajer\u00eda en la nube. Desde aqu\u00ed, puede obtener directamente la clave del servidor.<\/p>\n Paso 7:<\/strong> Obtenga otros detalles relacionados con firebase y pegue lo mismo en el panel de administraci\u00f3n del m\u00f3dulo PWA.<\/p>\n Paso 8:<\/strong> Obtenga la clave del servidor Firebase desde la pesta\u00f1a de mensajer\u00eda en la nube en Configuraci\u00f3n:<\/p>\n Paso 9:<\/strong> Agregue su dominio en autenticaci\u00f3n>>iniciar sesi\u00f3n.<\/p>\n Habilite\/desactive la notificaci\u00f3n autom\u00e1tica enviada a los usuarios de la aplicaci\u00f3n para la creaci\u00f3n exitosa de pedidos desde la aplicaci\u00f3n PrestaShop PWA.<\/p>\n Habilite\/desactive la notificaci\u00f3n autom\u00e1tica enviada a los usuarios de la aplicaci\u00f3n para cualquier actualizaci\u00f3n sobre el estado de entrega de su pedido anterior. Los usuarios pueden ver este estado en la pesta\u00f1a “Detalles del pedido” de la aplicaci\u00f3n PWA<\/p>\n Habilitar\/deshabilitar la notificaci\u00f3n autom\u00e1tica enviada a los usuarios que han abandonado el carrito sin una compra exitosa. Esta notificaci\u00f3n autom\u00e1tica se enviar\u00e1 a los usuarios autom\u00e1ticamente despu\u00e9s del intervalo de tiempo ingresado.<\/p>\n Aqu\u00ed, el administrador de la tienda puede ver el historial completo de las notificaciones autom\u00e1ticas enviadas a la aplicaci\u00f3n web progresiva (PWA). Junto con eso, el administrador de la tienda puede incluso personalizar la notificaci\u00f3n manual y enviarla a los usuarios de Progressive Web App.<\/p>\n \u00bfQu\u00e9 es mejor dise\u00f1ar y enviar notificaciones autom\u00e1ticas seg\u00fan la necesidad? Esta opci\u00f3n permite a los propietarios de tiendas configurar y enviar una notificaci\u00f3n personalizada manualmente a los usuarios de la aplicaci\u00f3n PrestaShop PWA.<\/p>\n El m\u00f3dulo PrestaShop PWA permite al administrador de la tienda eludir las restricciones de tener una interfaz de usuario fija en la pantalla de inicio y dise\u00f1ar la que se adapte a sus necesidades comerciales. Esta pesta\u00f1a le permite al administrador de la tienda crear y guardar m\u00faltiples dise\u00f1os y usarlos seg\u00fan las ocasiones y festivales en curso.<\/p>\n Las principales categor\u00edas se muestran en forma de peque\u00f1os cuadrados en la pantalla de inicio de Progressive Web App (PWA). Sus im\u00e1genes y enlaces de redirecci\u00f3n se pueden configurar desde aqu\u00ed. Estas categor\u00edas se pueden usar para resaltar las mejores marcas en la pantalla de inicio de la aplicaci\u00f3n. El m\u00f3dulo PrestaShop PWA permite un m\u00e1ximo de 8 categor\u00edas en las que un m\u00ednimo de 4 son obligatorias.<\/p>\n La lista de Banner cuadrado en la pantalla de inicio de la aplicaci\u00f3n web progresiva (PWA) ofrece un bloque de banner de forma cuadrada en el que el administrador de la tienda puede usar la imagen deseada. El enlace de redirecci\u00f3n correspondiente se puede utilizar para estos banners.<\/p>\n Estos son los bloques de banner en forma de rect\u00e1ngulo disponibles en deslizamiento horizontal en la pantalla de inicio de la aplicaci\u00f3n PrestaShop PWA. Para esto tambi\u00e9n, la imagen y el enlace de redirecci\u00f3n son totalmente configurables.<\/p>\n Estos son banners de forma cuadrada que aparecen en la pantalla de inicio de Progressive Web App (PWA) en forma de vista de cuadr\u00edcula. El administrador de la tienda puede agregar tantos banners como sea necesario y establecer su enlace de redirecci\u00f3n.<\/p>\n El m\u00f3dulo PrestaShop PWA permite al administrador de la tienda configurar y agregar un banner basado en un temporizador en la pantalla de inicio de la aplicaci\u00f3n web. El administrador de la tienda puede agregar una imagen de banner y una pantalla de inicio junto con un temporizador hasta que el banner se muestre en la pantalla de inicio de la aplicaci\u00f3n web progresiva. Una vez que termine el tiempo, el banner se eliminar\u00e1 autom\u00e1ticamente.<\/p>\n A partir de los banners, las aplicaciones m\u00f3viles PrestaShop PWA permiten exhibir productos en listas de bloques cuadrados. El administrador puede elegir los productos para este elemento.<\/p>\n Puede agregar los productos en forma de deslizamiento horizontal. Los productos elegidos pueden ser de elecci\u00f3n del administrador de la tienda, como reci\u00e9n llegados, los m\u00e1s vendidos, productos personalizados, etc.<\/p>\n Los productos tambi\u00e9n se pueden agregar en la pantalla de inicio en forma de listas de bloques de vista de cuadr\u00edcula. El administrador de la tienda puede elegir los productos deseados y la cantidad que se mostrar\u00e1 en la pantalla de inicio de la aplicaci\u00f3n PrestaShop PWA.<\/p>\n El m\u00f3dulo PrestaShop Mobile PWA permite al propietario de la tienda agregar un elemento de pesta\u00f1a reciente en la pantalla de inicio de la aplicaci\u00f3n web. Mostrar\u00e1 todos los productos que los usuarios han buscado recientemente.<\/p>\n Nota:<\/strong> El administrador de la tienda puede agregar hasta 20 elementos mientras dise\u00f1a el dise\u00f1o en el panel de back-end.<\/p>\n La aplicaci\u00f3n de Facebook se puede crear siguiendo los pasos mencionados a continuaci\u00f3n:<\/p>\n Paso 1:<\/strong>\ufffdIr a la URL dada: https:\/\/developers.facebook.com\/apps\/<\/p>\n Paso 2:<\/strong>\ufffdHaga clic en el bot\u00f3n “Agregar una nueva aplicaci\u00f3n”.<\/p>\n Paso 3 y 4:<\/strong>Ingrese el nombre de su aplicaci\u00f3n y la identificaci\u00f3n de correo electr\u00f3nico, luego haga clic en el bot\u00f3n “Crear ID de aplicaci\u00f3n”.<\/p>\n Paso 5 y 6:<\/strong>Despu\u00e9s de hacer clic en Crear ID de aplicaci\u00f3n, deber\u00e1 pasar por un control de seguridad como se muestra:<\/p>\n Paso 7:<\/strong>Haga clic en la pesta\u00f1a “Configuraci\u00f3n”.<\/p>\n Paso 8-13:<\/strong>\ufffdEstar\u00e1n disponibles dos opciones en el men\u00fa desplegable, B\u00e1sico y Avanzado, haga clic en “B\u00e1sico”. Y luego ingrese su “Dominio de la aplicaci\u00f3n”, “Correo electr\u00f3nico de contacto”, “URL de privacidad”, “URL de t\u00e9rminos y condiciones”, “Agregar logotipo”, “Seleccionar categor\u00eda” y haga clic en el bot\u00f3n “Guardar cambios”. Dominios de la aplicaci\u00f3n: sudominio.com es correcto sudominio.com\/tienda es incorrecto www.dominio.com es incorrecto<\/p>\n Paso 14:<\/strong>\ufffdAhora haga clic en “+Agregar plataforma”.<\/p>\n Paso 16:<\/strong>Ahora ingrese la URL de su sitio.<\/p>\n Paso 20:<\/strong>\ufffdAhora haga clic en guardar.<\/p>\n Paso 23 y 24:<\/strong>\ufffdHaga clic en “Revisi\u00f3n de la aplicaci\u00f3n”. Y marque “Hacer p\u00fablico ‘el nombre de su aplicaci\u00f3n'” en S\u00ed.<\/p>\n Tipo de aplicacion:<\/strong> Aplicaci\u00f3n web. 1. Dise\u00f1o din\u00e1mico:<\/strong><\/p>\n Usando varios elementos de dise\u00f1o, el administrador de la tienda puede crear un dise\u00f1o din\u00e1mico seg\u00fan la necesidad.<\/p>\n 2. Logotipo de la tienda:<\/strong><\/p>\n Agregue el logotipo de la tienda en el encabezado de la aplicaci\u00f3n web progresiva (PWA).<\/p>\n 3. Carrito de compras:<\/strong><\/p>\n El \u00edcono del carrito de compras en la esquina superior derecha de la pantalla de inicio permite a los usuarios cambiar a la pantalla del carrito.<\/p>\n 4. Men\u00fa de navegaci\u00f3n:<\/strong> La aplicaci\u00f3n web progresiva presenta una categorizaci\u00f3n adecuada de los productos disponibles en el sitio web. Los compradores m\u00f3viles pueden buscar f\u00e1cilmente productos de m\u00faltiples categor\u00edas. Todas las p\u00e1ginas de CMS tambi\u00e9n est\u00e1n disponibles en el Men\u00fa Acorde\u00f3n. Proporciona las siguientes opciones:<\/p>\n 1. Mi cuenta:<\/strong> 2. Categor\u00edas<\/strong> 3. P\u00e1ginas de CMS:<\/strong> 4. Idioma(s)<\/strong> 5. Moneda(s)<\/strong> 6. Iniciar\/Cerrar sesi\u00f3n<\/strong> 1. Vistas m\u00faltiples:<\/strong> 2. Clasificaci\u00f3n:<\/strong> 3. Filtrar:<\/strong> La pantalla del producto de su aplicaci\u00f3n web progresiva (PWA) es simple e intrigante. Se muestran varias im\u00e1genes del mismo producto junto con el nombre y el precio. La disponibilidad del producto tambi\u00e9n se muestra como “En stock” o “Fuera de stock” seg\u00fan 1. Informaci\u00f3n y cuidado del producto<\/strong> 2. Descripci\u00f3n breve<\/strong> 3. Opciones de productos:<\/strong> 5. Agregar al carrito:<\/strong> 6. Intercambio social de productos:<\/strong> La aplicaci\u00f3n web progresiva (PWA)\ufffd 1. Iniciar sesi\u00f3n<\/strong> 2. Reg\u00edstrate<\/strong> 3. Inicia sesi\u00f3n con Facebook<\/strong> 4. Iniciar sesi\u00f3n con Google+<\/strong> La pantalla del carrito de compras de su aplicaci\u00f3n web progresiva mostrar\u00e1 todos los productos agregados al carrito de compras. Los usuarios de la aplicaci\u00f3n pueden ver el nombre del producto, 1. Aplicar cup\u00f3n<\/strong> 2. Precio total del producto<\/strong> 3. Actualizar cantidad de producto<\/strong> 4. Eliminar producto<\/strong> 5. Seguir comprando<\/strong> 6. Continuar al pago<\/strong>
\nURL de la aplicaci\u00f3n PWA:<\/strong> https:\/\/psm.knowband.com\/pwa\/pwa-app\/<\/a><\/p>\n1.2 Caracter\u00edsticas principales de la aplicaci\u00f3n web progresiva PrestaShop (PWA):<\/h3>\n
\n
[IMP] Notas para iOS:<\/h3>\n
[NUEVA ACTUALIZACI\u00d3N] PrestaShop PWA admite secuencias de comandos de lenguaje RTL<\/h2>\n
Compatible con PrestaShop Marketplace de m\u00faltiples proveedores<\/h2>\n
2.0 Pantallas del panel de administraci\u00f3n<\/h2>\n
Configuraci\u00f3n general de 2.1<\/h3>\n
<\/a><\/p>\n
\nb) Redirigir en la p\u00e1gina del carrito cuando se agrega al carrito:\ufffd<\/strong>Esta funcionalidad le permite al administrador controlar la redirecci\u00f3n del bot\u00f3n “Agregar al carrito”. Los usuarios pueden ser redirigidos al carrito de compras o mantenerse en la pantalla del producto al tocar “Agregar al carrito”.
\nc) Mostrar descripci\u00f3n breve:<\/strong>Habilite la visualizaci\u00f3n de una breve descripci\u00f3n del producto en la pantalla del producto de la aplicaci\u00f3n web progresiva (PWA).
\nd) Habilitar logotipo:<\/strong> Agregue el logotipo de su tienda en el encabezado de la aplicaci\u00f3n web progresiva (PWA) y muestre su marca a los usuarios.<\/p>\n<\/a><\/p>\n
\nf) Nombre de la aplicaci\u00f3n PWA:<\/strong> Elija el nombre de su aplicaci\u00f3n PWA seg\u00fan su elecci\u00f3n.
\ng) Seleccionar dise\u00f1o:<\/strong>Elija el dise\u00f1o de p\u00e1gina de inicio deseado para su aplicaci\u00f3n PrestaShop. Puede crear m\u00faltiples dise\u00f1os de pantalla de inicio en el backend seg\u00fan varios festivales y temas y usarlos seg\u00fan los requisitos de su tienda.
\nh) M\u00e9todos de env\u00edo deshabilitados:<\/strong>Inhabilite los m\u00e9todos de env\u00edo para que no funcionen en la aplicaci\u00f3n web progresiva (PWA), lo que no le parezca correcto. En el sitio web, normalmente funcionar\u00e1n bien.
\ni) P\u00e1ginas CMS habilitadas:<\/strong>Elija las p\u00e1ginas de CMS deseadas para que se muestren en la aplicaci\u00f3n PrestaShop PWA.
\nj) Habilitar informes de registro de solicitudes:<\/strong>Habilite la opci\u00f3n para compartir el archivo de registro en las aplicaciones web progresivas para obtener detalles de cualquier tipo de comportamiento anormal de la aplicaci\u00f3n.
\nk) Habilitar la codificaci\u00f3n de URL de los enlaces de im\u00e1genes:<\/strong>Habilite esta funcionalidad para admitir caracteres que no sean ASCII en la aplicaci\u00f3n web progresiva (PWA).<\/p>\n2.2 Configuraci\u00f3n de notificaciones autom\u00e1ticas<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n2.21 \u00bfC\u00f3mo configurar una cuenta de Firebase?<\/h4>\n
<\/a>
\nPaso 2:<\/strong> Crear nuevo proyecto Al hacer clic en Agregar proyecto, aparecer\u00e1 el siguiente cuadro de di\u00e1logo:<\/p>\n<\/a>
\nTardar\u00e1 unos segundos en crear el proyecto. Una vez que el proyecto est\u00e9 listo, haga clic en continuar.<\/p>\n<\/a>
\nPaso 3:<\/strong> Administrar la configuraci\u00f3n del proyecto Una vez creado el proyecto, haga clic en Configuraci\u00f3n del proyecto.<\/p>\n<\/a>
\nPaso 4:<\/strong> Vaya a las opciones de autenticaci\u00f3n:
\n<\/a><\/p>\n<\/a>
\nPaso 6:<\/strong> Agregue su aplicaci\u00f3n web a Firebase<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nA) Notificaci\u00f3n de env\u00edo de pedido exitoso:<\/h4>\n
<\/a><\/p>\nB) Notificaci\u00f3n autom\u00e1tica de actualizaci\u00f3n del estado del pedido:<\/h4>\n
<\/a><\/p>\nC) Notificaci\u00f3n autom\u00e1tica de carrito abandonado:<\/h4>\n
<\/a><\/p>\n2.2 Historial de notificaciones push<\/h2>\n
<\/a><\/p>\nA) Enviar Notificaci\u00f3n:<\/h3>\n
<\/a>
\nDise\u00f1o de p\u00e1gina de inicio de 2.3<\/h2>\n<\/a>
\nPara configurar los dise\u00f1os de la p\u00e1gina de inicio de la aplicaci\u00f3n PWA, los siguientes elementos est\u00e1n disponibles en el back-end:<\/p>\nA) Principales categor\u00edas:<\/h3>\n
<\/a><\/p>\nB) Pancarta Cuadrada:<\/h3>\n
<\/a>
\nC) Pancarta Deslizante Horizontal:<\/h3>\n<\/a><\/p>\nD) Banners de rejilla:<\/h3>\n
<\/a>
\nE) Banner del temporizador de cuenta regresiva:<\/h3>\n<\/a>
\nF) Productos Cuadrados:<\/h3>\n<\/a>
\nG) Productos deslizantes horizontales:<\/h3>\n<\/a>
\nH) Productos de rejilla:<\/h3>\n<\/a>
\nI) Productos accedidos recientemente:<\/h3>\n2.4 \u00bfC\u00f3mo obtener los detalles de la aplicaci\u00f3n de Facebook?<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nPaso 15:\ufffd<\/strong>Y seleccione Sitio web como Plataforma.<\/p>\n<\/a><\/p>\n<\/a>
\nPaso 17 y 18:<\/strong>\ufffdHaga clic en “Productos+” y seleccione iniciar sesi\u00f3n en Facebook.<\/p>\n<\/a>
\nPaso 19:<\/strong>\ufffdSeleccione web como la plataforma para la aplicaci\u00f3n.<\/p>\n<\/a><\/p>\n<\/a>
\nPaso 21 y 22:\ufffd<\/strong>Haga clic en Configuraci\u00f3n y agregue un URI de redirecci\u00f3n de OAuth v\u00e1lido. URI de redireccionamiento de OAuth v\u00e1lidos: https:\/\/example.com\/pwa-app\/login<\/p>\n<\/a><\/p>\n<\/a>
\nPaso final:<\/strong>\ufffdCopie el ID de la aplicaci\u00f3n y el Secreto de la aplicaci\u00f3n y p\u00e9guelos en los campos proporcionados en el m\u00f3dulo.<\/p>\n<\/a><\/p>\n2.5 \u00bfC\u00f3mo obtener los detalles de la aplicaci\u00f3n de Google?<\/h2>\n
\n
<\/a><\/p>\n\n
\nOr\u00edgenes autorizados de JavaScript:<\/strong> El nombre de dominio de su tienda (https:\/\/www.yourstore.com).
\nURI de redireccionamiento autorizado o URI de la p\u00e1gina de redireccionamiento del iniciador de sesi\u00f3n:<\/strong>
\nhttps:\/\/example.com\/pwa-app\/login<\/p>\n<\/a><\/p>\n\n
3.0 Pantallas de la aplicaci\u00f3n Front End PWA:<\/h2>\n
Pantalla de Inicio de 3.1
<\/a><\/h3>\n
\nExplore las categor\u00edas en las aplicaciones con el men\u00fa de navegaci\u00f3n izquierdo en la pantalla de inicio.<\/p>\n3.2 Men\u00fa Acorde\u00f3n (Barra de Navegaci\u00f3n)<\/h3>\n
<\/a><\/p>\n
\nLa opci\u00f3n Mi cuenta contiene toda la informaci\u00f3n personal, de env\u00edo y de pedido del usuario. Los compradores de la aplicaci\u00f3n PWA pueden ver todos los datos almacenados relacionados con ellos y tambi\u00e9n pueden actualizarlos.<\/p>\n
\nLas categor\u00edas que se muestran en el men\u00fa de navegaci\u00f3n izquierdo de la aplicaci\u00f3n web progresiva (PWA) son las mismas que las de su sitio web.<\/p>\n
\nSe puede acceder a varias p\u00e1ginas de CMS como Acerca de nosotros, Cont\u00e1ctenos, T\u00e9rminos y condiciones, etc. desde aqu\u00ed.<\/p>\n
\nLa opci\u00f3n de idioma permite a los usuarios de la aplicaci\u00f3n PWA ver la aplicaci\u00f3n web en el idioma deseado. Todos los idiomas disponibles se muestran solo en esta opci\u00f3n.<\/p>\n
\nTodas las monedas disponibles en su sitio web se muestran aqu\u00ed en la aplicaci\u00f3n PrestaShop PWA.<\/p>\n
\nLos usuarios pueden iniciar o cerrar sesi\u00f3n f\u00e1cilmente en la aplicaci\u00f3n web progresiva de PrestaShop a trav\u00e9s de esta opci\u00f3n.<\/p>\n3.3 Pantalla de categor\u00eda:
<\/a><\/h3>\n
\nLas categor\u00edas en la aplicaci\u00f3n web progresiva (PWA) para PrestaShop se pueden ver tanto en la vista de lista como en la de cuadr\u00edcula.<\/p>\n
\nEsta opci\u00f3n permite a los compradores en l\u00ednea elegir el orden de clasificaci\u00f3n para reducir la b\u00fasqueda y obtener el producto deseado con facilidad.<\/p>\n
\nLa opci\u00f3n de filtrar productos simplifica la b\u00fasqueda de productos. Los usuarios pueden filtrar todos los productos en categor\u00edas usando varios atributos como tama\u00f1o, color, precio, etc.<\/p>\n3.4 Pantalla del producto:<\/h3>\n
<\/a>estado de inventario. Contiene las siguientes otras opciones:<\/p>\n
\nAqu\u00ed se mostrar\u00e1 la informaci\u00f3n completa del producto disponible en el inventario.<\/p>\n
\nLos usuarios pueden leer la breve descripci\u00f3n de su producto para decidir r\u00e1pidamente sobre la compra.<\/p>\n
\nTodas las opciones relacionadas con el producto como tama\u00f1o, color, etc. se muestran aqu\u00ed.<\/p>\n
\nEste bot\u00f3n permite a los usuarios agregar productos al carrito. Los usuarios pueden seguir procesando el carrito para la compra.<\/p>\n
\nLa opci\u00f3n de compartir para el producto permite a los usuarios compartir el producto en m\u00faltiples canales sociales.<\/p>\nPantalla de inicio de sesi\u00f3n de 3.5<\/h3>\n
<\/a>Ofrece varias opciones de inicio de sesi\u00f3n con un solo toque y hace que el proceso de inicio de sesi\u00f3n\/registro sea m\u00e1s fluido:<\/p>\n
\nLos usuarios de la aplicaci\u00f3n pueden autenticarse e iniciar sesi\u00f3n f\u00e1cilmente en las aplicaciones PWA utilizando sus credenciales de inicio de sesi\u00f3n de correo electr\u00f3nico anteriores.<\/p>\n
\nTodos los nuevos usuarios de la aplicaci\u00f3n pueden registrarse y crear su cuenta en la tienda desde la aplicaci\u00f3n PrestaShop PWA. El formulario de registro solicita solo los detalles necesarios para crear una cuenta.<\/p>\n
\nLos usuarios pueden iniciar sesi\u00f3n en la aplicaci\u00f3n PWA utilizando sus credenciales de cuenta de Facebook.<\/p>\n
\nLos usuarios pueden iniciar sesi\u00f3n en la aplicaci\u00f3n web progresiva (PWA) utilizando las credenciales de su cuenta de Google.<\/p>\n3.6 Pantalla del carrito de compras:<\/h3>\n
<\/a>cantidad, precio total y costo de env\u00edo. Esta pantalla tiene las siguientes opciones:<\/p>\n
\nEsta opci\u00f3n permite a los usuarios usar cupones del sitio web y obtener ofertas de descuento.<\/p>\n
\nLos usuarios pueden ver el costo completo de su bolsa de compras antes de continuar. Se actualiza autom\u00e1ticamente de acuerdo con cualquier actualizaci\u00f3n con cantidad de producto o nueva incorporaci\u00f3n.<\/p>\n
\nLos usuarios de la aplicaci\u00f3n PWA pueden incluso actualizar la cantidad del producto con la opci\u00f3n “Actualizar cantidad”.<\/p>\n
\nLos usuarios de la aplicaci\u00f3n pueden simplemente eliminar el producto del carrito simplemente tocando la opci\u00f3n “Eliminar”.<\/p>\n
\nLos usuarios pueden dejar el carrito para buscar m\u00e1s productos en su aplicaci\u00f3n web progresiva.<\/p>\n
\nLos usuarios de la aplicaci\u00f3n PWA pueden continuar con las pantallas de pago y pago simplemente tocando la opci\u00f3n “Continuar con el pago”.<\/p>\nPantalla de pago 3.7<\/h3>\n