Cómo convertir tu web Wordpress en una PWA
Вставка
- Опубліковано 19 вер 2024
- ¿Cómo convertir tu web Wordpress en una PWA?
En este vídeo te enseño cómo puedes convertir tu web app desarrollada en Wordpress en una PWA instalable en Android y iOS.
Recuerda dejar tu like, suscríbete y sígueme en instagram y facebook para más contenido:
Instagram: / programacion.es
Facebook: / programaci%c3%b3n-en-e...
Cafeceros: cafeceros.com/
Este debe ser por mucho uno de los mejores canales que he visto
Eres bien preciso, directo y conciso, tus explicaciones son todas necesarias y claras. Gracias por tu contenido
Muchísimas gracias a ti por tu comentario, suelo recibir poco feedback en UA-cam y comentarios como este me animan mucho a seguir grabando, un gran saludo y que tengas buen código!
Utilicé varios plugins para lograr esto en mi web y nunca funcionaron bien, pero con el que mostraste aquí, fue todo un éxito. Gracias!
Me alegra que te haya sido útil! Un saludo y que tengas buen código!
Muchísimas, pero muchísimas gracias, eso quería hacerlo en mi pagina web desde hace mucho tiempo y tu me resolviste el problema, así que hay te va mi like
Esoooo, me alegra mucho que te haya sido útil, un saludo y que tengas buen código!!
Muchas gracias por toda la explicación, no sabía que es una PWA. Muy interesante. Voy a probar con una tienda online. Espero que funcione.
Gracias a ti por comentar! Me alegra que te haya sido útil la información, saludos!
A trick: you can watch movies at Flixzone. I've been using it for watching lots of of movies lately.
@Scott Omari Yea, been using flixzone} for since december myself :)
Muy interesante opción! El tema del rendimiento lo que me gustaría saber si es significativamente menor. Al comparar la pena con el Facebook quedó clarísimo
Me dejaste sin palabras !
Mil gracias por el comentario!! Me alegra que el vídeo te haya sido útil =) Un saludo y que tengas buen código!
Muy interesante y bien explicado. Gracias por compartir. Cuéntame como suscriptor. =)
Muchas gracias Camilo! Bienvenido al canal, espero el contenido sea de tu agrado =)
Super genial y excelente explicación
Mil gracias!! Un saludo y que tengas buen código!!
No puedo creer lo fácil que es... Y yo que me estaba partiendo la cabeza tratando de descubrir cómo vincular las tablas de mi base de datos de woocommerce con una app para llevar la tienda al smartphone (sin contar con la creación de la cuenta de desarrollador de google) y todo lo que necesitaba era instalar un plugin GRATIS.
Me ayudó bastante tu video, gracias.
Hola Leonardo, muchísimas gracias por tu comentario, me alegra que te haya ayudado el video, un saludo! =)
gracias por el dato...lamentable los Iphone siempre poniendo obstáculos, pero en android funciona perfecto suscrito
Muchas gracias por tu comentario, en efecto, iOS suele tener otros entornos y características, sin embargo, creo que se pueden instalar desde la opción "compartir" de safari, un saludo! =)
@@programacion-es si en safari con la opción agregar a inicio se puede crear el icono directo Gracias
De lo mejor amigo muchas gracias. Sigue asi. Me suscribo en agradecimiento
Mil graciaaaaas! Un saludo y que tengas buen código!!
muy buen video, gracias..
Gracias a ti por comentar, me alegro que te haya gustado! :)
Excelente, muchas gracias. Si la web está diseñada en html5, css y bootstrap cual aplicación o software me recomiendas para convertilo a pwa. Gracias y que DIOS TE BENDIGA
Ahí tendría.os que hacerlo con código. No es nada fuera de otro mundo. Codeas el service worker y creas un json donde colocas los puntos necesarios para tu pwa. Aquí te dejo un enlace para que te guíes mejor
ua-cam.com/play/PLvq-jIkSeTUYIw8CP2AP7QJs4GeeZdvs6.html
excelente video... 100% recomendado.
Muchas gracias por tu comentario! Me alegra un montón que te haya sido útil, un saludo y que tengas buen código!
Gracias!
¡A ti por comentar!
Buenas, una pregunta, la publicidad la pusiste vos o es publicidad del plugin de PWA?
Hola, muchas gracias por comentar, si te refieres a la publicidad que aparece en la web, la puse yo con adsense, el plugin no adhiere publicidad al sitio web, un saludo!
@@programacion-es Muchas gracias, exactamente esa era la pregunta. Saludos!
@@programacion-es Una pregunta más si no es mucha molestia. La PWA viene con notificaciones push incluidas?
Hola. Gracias por el contenido. Te consulto... ese anuncio sticky que te aparece al final del vídeo, cuando navegas el sitio, te lo agrega la misma app o es porque tienes Google Adsense?
El anuncio es porque la página tiene Adsense, no viene de la extensión =)
gracias por el aporte, like y suscrito
Muchas gracias Orlando, me alegra que te haya sido útil el video, un saludo! =)
Primero que todo, excelente video, muy completo y al grano... pero tengo una pregunta, existe alguna manera de crear un link de descarga de la app/pwa en vez visitar la web desde el movil para ver el anuncio ese inferior de "Añadir XXXX a la pantalla de inicio" ???
Hago la pregunta porque aun no he probado el plugin, y desconozco si este te da el archivo de descarga... y bueno en el video no tocaste ese tema
Muchas gracias por el video y toda la info
Hola Alexis, muchas gracias por comentar, qué gusto que el vídeo te haya sido útil.
En cuanto a tu duda, la única forma de instalar una PWA es entrando al sitio e instalar a través de la notificación emergente inferior o a través del menú del navegador web que se esté usando.
Espero haberte ayudado, saludos! =)
Hola muchísimas gracias por tus aportes eres un crack, yo apenas descubrí tu canal y me interesa mucho el tema de las PWA una pregunta, a estás fechas sigue haciéndose de la misma manera la conversión, yo tengo una página en WordPress y quiero convertirla en PWA y otra pregunta, una vez que la conviertes cómo se hacen cambios en la pwa en caso de requerirlos? De antemano muchas gracias y feliz año
Hola! Si es una web de wordpress, si, el procedimiento es el mostrado en el vídeo, para hacer cambios bastaría con hacer los cambios en wordpress, recuerda que la PWA es una versión móvil de tu web con un enlace directo en el menú del dispositivo, no es una app aparte =)
@@programacion-es muchísimas gracias en serio
@@tomasrodriguez8212 Para eso estamos =) un saludo y que tengas buen código!
Uf genial te agradezco esta info bro!!
Gracias a ti por comentar, un saludo! =)
Hola, gracias por compartir el video. Lo que hiciste, no es lo mismo que una pagina web responsive? Esto porque tiene la misma estructura. O cuál es la diferencia?
Hola Carlo, un gusto saludarte, gracias por comentar, te explico:
Una PWA no es lo mismo que una web responsive, la PWA tiene la opción de "instalarse" en el móvil, teniendo un acceso directo a la web como si fuera una app más de tu dispositivo.
Además, la PWA implementa varias funciones para que la web siga funcionando incluso cuando el usuario no está conectado a internet.
En cambio, una web responsive es simplemente una web cuya estructura es adaptativa según el tamaño del dispositivo donde se esté visualizando, pero siempre a través del navegador y siempre mientras el usuario esté conectado a internet o la página web que esté viendo se encuentre almacenada en caché.
Espero haberte ayudado, un saludo!
@@programacion-es Gracias por responder, muy claro. 👍🏻
Gracias
A ti! Un saludo y que tengas buen código!
Disculpa una pequeña consulta,. al poner la web en pwa, ciertamente la web se baja al dispositivo para poder revisar cuando el quiera y si lanzo ofertas o subo productos nuevos,. o cambio el icono de la pwa como. el cliente recibe esa actualización
Hola! El mismo plugin se encarga de notificar los cambios a los usuarios que hayan instalado la pwa. Las actualizaciones se manejan de forma parecida a la instalación, tras los cambios en la web, la próxima vez que el usuario entra a la pwa se le notifica que hay una actualización disponible. Puedes ver el feature del plugin en el changelog wordpress.org/plugins/super-progressive-web-apps/ saludos! =)
Hola ,una consulta una vez convertida se puede subir a la appstore o playstore , Muy buen material saludos desde Perú.
Hola Skull! Gracias por comentar, para subir una PWA a la play o app store, tendrías que desarrollar una aplicación aparte que te contenga la web a través de un webview, no se pueden subir directamente porque no son aplicaciones nativas sino web apps con un "acceso directo" instalable en el móvil.
Espero haya aclarado tu duda, saludos y bienvenido al canal!
@@programacion-es hice todo el procedimiento y no se genero :c mi pagina es : plazaverde.pe/
@@franciscisneros6800 entré a tu página y si me apareció la modal para instalarla, trata borrando caché, de todos modos, si abres el menú de opciones de chrome, te aparecerá la opción "instalar aplicación" desde ahí también =)
@@programacion-es Que crees que me sucede lo mismo y ya borré cache y le di en las opciones y no me sale "instalar aplicación" mi página es enviaarte.com
@@luisfernandovazquez5523 Hola Luis, un gusto saludarte, he probado entrar a tu web desde mi móvil y sí que me aparece la opción de instalar aplicación e incluso me aparece la opción en el footer al entrar para añadir la página al inicio, asegúrate de que tienes la app de chrome en su última versión en tu sistema android o iOS. Saludos!
Que buen video, justo lo que estaba buscando. Quisiera preguntarte si hay forma de crear un meno solo para la aplicación
Hola, gracias por tu comentario! En este caso, el menú sería el mismo de la web, recuerda que no estás generando una aplicación sino una PWA, es la web dentro de un contenedor web nativo, por lo que no es una app a nivel de código propiamente dicha, puedes mejorar el menú en versión móvil de la web para que se vea como quieres =)
Gracias exactamente lo que estaba buscando para el proyecto que me encuentro ejecutando! Una pregunta ¿Hay manera de cambiar el mensaje por defecto de la notificación?
Excelente! =) en cuanto a tu duda, de momento creo que no se puede editar directamente el texto del plugin es.wordpress.org/plugins/super-progressive-web-apps/ quizás puedas hacer un workaround con un plugin de traducción para cambiar el texto que viene por defecto
Una pregunta, con este plugin no se genera el apk para estar en google play y lo otro que me salta la fuda son los anuncios, si salen los anuncios de la web, saludos
Hola, no, el plugin prepara tu web para ser una PWA, no una app móvil, para sacar una web a apk tengo otro vídeo en el canal =) en cuanto a anuncios, depende de si tienes o no anuncios configurados.
Amigo, tengo un problema y es que hice todos los pasos pero no me aparece esa notificación de que si quieres agregar ésta página a tu inicio. Alguien sabe cómo solucionarlo??
Depende del navegador que estés usando, si no te sale la notificación, la opción aparecerá en el menú del navegador
Hola muy buenas, está buenísimo el plugin, solo tengo una pequeña queja que quizás sepáis solucionar, y es que la primera página como enseñaste sale bien sí, pero cuando clickas en otra página dentro de la web me aparece en navegador de Google arriba como si volviera a ser web y no, quiero que se siga viendo todo como app
Hola, he tratado de simular el error que mencionas en mi móvil y, al cambiar de página, sigue viéndose todo bien en mi caso. De todos modos, puedes echarle un ojo a la documentación oficial del plugin a ver si tienen alguna opción u otro caso similar reportado: wordpress.org/plugins/super-progressive-web-apps/#description
@@programacion-es Quizás te podría pasar un video por correo o así para enseñarte a qué me refiero? muchas gracias
@@universo_desconocido Puedes pasarlo abriendo un hilo en el foro de ayuda que tenemos en Discord, aquí encuentras el enlace para unirte: programacion-es.dev/redes/
Hecho 👍@@programacion-es
Hola parcero, muy buen video muchas gracias, solo tengo un problema segui todos los pasos y cuando abro la app solo aparece el menu y no mas, que deboe hacer, gracias
Hola Anderson, gracias por comentar. Si no te aparece la opción, verifica que cumplas con los requisitos para que tu web sea PWA (que esté bajo https por ejemplo)
Además, puedes probar en una ventana de incógnito en el navegador, puede ser cosa de caché.
Si no funciona, puedes echarle un vistazo a la consola del navegador para verificar si el plugin no está teniendo conflictos con otro.
Por último, siempre tienes la opción de agregar a la pantalla de inicio desde el menú del navegador que estés usando.
Un saludo!
Hola, excelente video pero ¿Funcuina para una pagina de directorio empresarial?
La naturaleza de la página no debería ser problema siempre que esté en wordpress, sería cuestión de probar =)
Mi pregunta es después de hacer esto con mi página web Sigue quedando igual? O Cambia por completo?
Hola, imagino que te refieres a nivel visual, el plugin no cambia la web, solo la convierte en una PWA para que el usuario pueda acceder directamente en el móvil, la web seguirá siendo igual =)
@@programacion-es Muchísimas gracias por la información
Excelente video y explicación. Tengo una duda, cuando la web es una tienda online, o una web de cursos online, este plugin, este método serviria (ya que se trabaja con woocommerce, en el caso de la tienda, por eso la pregunta), o se debe realizar alguna configuración y proceso adicional?
Hola Jorge, muchas gracias por comentar, en teoría debería funcionar para renderizar la web, pero habría que ver si woocommerce ofrece algo ad hoc para crear una PWA donde pueda mostrar los productos offline.
Un saludo!
@@programacion-es Ah vale. Muchas gracias por responder
Funciona sin importar la funcionalidad de mi pagina? ejemplo tengo una web de búsqueda de proveedores de servicios, pagos de membrecías, agendamiento de citas y mas? y funciona para iOS?
En teoría debería funcionar, por la cantidad de cosas de la web algunas funciones como pagos, etc. si requieren conexión a internet, pero de resto podría aprovecharse la PWA, es cuestión de probar. En cuanto a iOS, si funciona pero ligeramente distinto, la opción de instalación está disponible en safari en el menú del navegador en caso de no aparecer el popup =)
Hola Pedro ! consulta: ¿Se puede hacer un botón en la página para que se pueda instalar la PWA y que no sea de la ventana emergente?
Si, con la versión pro del plugin, aunque puedes fijarte en la documentación para hacer algo custom también: superpwa.com/docs/article/add-to-home-screen-button-by-using-shortcode/
Hola una consulta, sigue sirviendo o me recomiendas una app que sea nativa?
Sigue funcionando sin problema =) dependerá de lo que quieras si prefieres esto o una app, te dejo por aquí un tutorial para encapsular tu web en una app móvil por si te interesa comparar los procesos: ua-cam.com/video/cNJFoh_QPnE/v-deo.html
Hola, también funciona para convertir una tienda virtual hecha en wordpress?
Hola! Debería funcionar siempre que la versión de WordPress sea compatible con el plugin =)
Buenas, excelente video, tengo una consulta, las PWA se pueden descargar desde la playstore directamente?
Hola Andrés, gracias por comentar, la respuesta es no, las PWA no se empaquetan como aplicaciones, por lo que no se publican en las stores de android o iOS, la única forma de agregarlas al inicio/menú del móvil es a través del navegador. Un saludo!
no sale el mensaje emergente de abajo que me dejaría instalar la aplicación..... tendrias alguna solución o un porque no veo eso?
Suele pasar en navegadores como safari o cuando ya has instalado la PWA en tu móvil, pero la opción siempre la vas a poder ver en el menú del navegador =)
Buenas tardes cuantas veces puedo descargar el pwa porque ya no me aparece en el inicio de la pagina cuando lo abro con el navegador.
Mientras la PWA no esté en tu dispositivo, te dará la opción de descargar, si la has eliminado y no te da la opción, prueba desde el menú del navegador, ahí también aparece =)
A mi no me aparece el "Agrega XXXXXXXXXXX a la pantalla principal" e hice exactamente, paso a paso el video. Que pasó? :(
Será el tema que uso?: Themme Creativ Musician by Creativ Themes? :(
Hola, muchas gracias por comentar, asegúrate de que la web cumple con los requisitos para ser una PWA (tener https, por ejemplo) También puedes probar en una pestaña de incógnito por si se trata de un problema de caché.
En última instancia, si estás probando en chrome, abre el menú del navegador y debería aparecer la opción allí =) Un saludo!
Hola, bien explicado, me aparecen los tres estados en verde, hago todo bien, pero cuando lo abro en el móvil con chrome, me a cambiado bien el color de la cabecera pero no me aparece nunca la notificación abajo para convertirla en wpa, gracias
Puede ser caché, además de la notificación, prueba abrir el menú de Chrome y debería aparecer la opción =)
HOLA HE HECHO LOS PASOS QUE ME HAS PUESTO PERO CUANDO PONGO MI WEB EN EL NAVEGADOR DEL MOBIL Y NO ME APARECE ESA PESTAÑA DE AÑADIR CABECERA
Hola, imagino que te refieres a la opción de añadir a la pantalla de inicio, dependiendo del navegador del móvil te aparecerá en la web o directamente en el menú del navegador como tal, prueba buscarlo en el menú, también ten en cuenta que para que funcione tu web debe tener un certificado ssl, es decir, estar bajo https y no http, espero te sirva, un saludo!
Hola tengo una nueva pregunta, si se paga la version PRO y se genera la APK se peude agregar a la tienda de Play Store para que los cleintes la puedan descargar desde ahí? y para iOS tambien? o si se genera la APK se puede compartir el archivo para que el cleinte la instale, tengo pensado realziar una campaña de fidelización y la versin PRO ofrece varias soluciones, incluso un Banner en la pagina para que el cleinte la descargue pero no se que tan cierto sea, agradezco si sabes
En teoría la versión pro contiene un APK generator, puedes ver lo que ofrecen aquí: superpwa.com/freevspro/ si quieres exportar un apk (solo android) que contenga la web sin tener que pagar el PRO, te muestro cómo hacerlo en este vídeo: ua-cam.com/video/cNJFoh_QPnE/v-deo.html
cómo puedo hacer para aumentar la velocidad de carga de las paginas?
Hay varias cosas que puedes hacer, lo primero sería detectar desde la pestaña network de la consola del navegador qué archivos tardan más en cargarse, generalmente pueden ser las imágenes así que una primera cosa que puedes hacer es optimizarlas para quitarles peso, puedes minificar o cargar luego de las vistas archivos js que puedan estar bloqueando la renderización de la página, entre otras cosas. Para un análisis detallado y sugerencias de optimización te recomiendo analizar la web con esta herramienta de Google: pagespeed.web.dev/ =)
Genial información, hay alguna forma de sacar un enlace directo para que se instale la app, para compartirlo directamente en redes e incluso hacer una pauta :)
Hola Anahi, gracias por comentar, el enlace sigue siendo el de tu página y el usuario decidirá si instala la PWA o no por medio de la notificación emergente.
No hay enlace directo a una instalación ya que la misma se hace a través del navegador =) un saludo!
Hola, crees que funcionaria aquel plugin para una pagina de ecommerce?
Es probable, sería cuestión de probarlo =)
Hola!
Fantastico lo que aprendi! pero lo puedo ver en la compu, pero no veo la opcion en el telefono.
que me habre olvidado?
gracias!!
Hola Mariela, muchas gracias por comentar! De momento asegúrate de que cumples los requisitos para la PWA (que tu web esté bajo https, etc) también puedes probar desde navegadores como Chrome en el móvil, en safari la opción suele estar diferente y desde el menú del navegador, un saludo!
¿Con woocommerce funciona? ¿sería funcional para el usuario? Gracias
No lo he probado con woocommerce, pero, en teoría, debería funcionar, es cuestión de instalar el plugin y probar que todo vaya bien =)
hola, una pregunta, es que no logré realizar la instalación en ios..
La opción en ios suele aparecer en el menú de opciones del navegador en vez de en un popup, prueba buscarla allí y me comentas =)
Pero este plugin no te permite subir tu app a la playstore y que la puedan descargar.
No, las PWA no se suben a las tiendas de aplicaciones, para hacer lo que planteas tienes este otro tutorial como alternativa: ua-cam.com/video/cNJFoh_QPnE/v-deo.html
Hola muy buen video! te hago una consulta en mi web estoy usando el plugin y va fantástico, pero no logro usar algún sistema de notificaciones push que funcione como app en el celular. alguna idea?
Si mal no recuerdo el mismo plugin implementa las notificaciones push para cuando hay alguna actualización de la página, puedes revisar de todos modos en la doc del plugin: es.wordpress.org/plugins/super-progressive-web-apps/
El plugin que suguieres no es compatible con la versión de wordpress...
Hola Jaime, gracias por comentar, busqué en el directorio de wordpress la página del plugin para revisar la compatibilidad, debería funcionar sin problemas desde Wordpress 3.6.0 en adelante, te dejo el enlace por si quieres comparar tu versión de Wordpress y PHP:
wordpress.org/plugins/super-progressive-web-apps/
Saludos!
Hola. Gracias por el video. Muy claro!!. Realizo todos los pasos, pero cuando entro con ios al navegador no aparece la opción para descargar la app.
Hola, en ios tienes que buscar la opción "agregar al inicio" en el menú de safari =)
Como puedo publicarla en la App Store y en la PLay Store ?
Las PWA no son apps móviles, son apps web progresivas, lo que generan es un "acceso directo" en el móvil del usuario a tu web simulando la experiencia de una app, por lo que no puedes publicarla en la play o app store. Para convertir tu web en una app que sí puedes publicar te dejo esta lista con dos vídeos donde te muestro todo el proceso y cómo publicarla: ua-cam.com/play/PL8ztFHK8Pm3tGbtV4QT8Vo77K1GktPRki.html
Excelente video, una duda, existe algún modo de que la aplicación pueda aparecer en app store y play Store? De ante mano agradeceria mucho tu respuesta
¡Hola! Con la forma que muestro en este vídeo no, porque no estás generando una app, sino una PWA, para hacer lo que buscas, puedes ver este otro tutorial que tengo: ua-cam.com/video/cNJFoh_QPnE/v-deo.html =)
@@programacion-es Gracias maestro, bendiciones🙏
Se puede modificar la notificación de AGREGAR A LA PANTALLA DE INICIO? y colocar DESCARGA NUESTRA APP
En teoría si, tendrías que modificar la plantilla o traducción del plugin para que muestre el texto que quieras =)
Hola no me aparece el mensaje para poner en la pagina de inicio
Hola, gracias por comentar, en qué dispositivo y navegador pruebas? Asegúrate de que tu web cumple con los requisitos de las PWA, por ejemplo, que esté bajo https =)
Excelente explicación! Clara, puntual, y completa. Solo si me permites agregar algo, no todas las tecnologías híbridas utilizan webview, como es el caso de ionic quizá entre otras. Por ejemplo Flutter compila a nativo, aquí te dejo un enlace solo por interés dart.dev/overview#platform . Te has ganado un suscriptor, saludos!
Hola Nicolás, muchísimas gracias por tu comentario, y bienvenido tu aporte =) se vienen vídeos interesantes que espero sean de utilidad. Un saludo!
@@programacion-es aquí estaremos ;)
que tal hice todo conforme tu video, pero no funciono, se puede para iphone ?
Hola, muchas gracias por comentar, en iOS la opción de instalar de la PWA debería aparecer al seleccionar la opción "compartir" de safari, un saludo! =)
Cuando entro en Google crome me da ell mensaje para instalar la aplicación. En iOS. No me da el
Mensaje y ni aparece en el
Apps store Que puedo hacer
Hola Ernesto, gracias por tu comentario, en iOS la opción de instalar de la PWA debería aparecer al seleccionar la opción "compartir" de safari, un saludo! =)
Holaaa, no es posible hacer lo mismo pero subir la app a play store? gracias
Hola Jon, muchas gracias por comentar!
No sería con una PWA, podrías hacer una app híbrida sencilla que te cree un webview abriendo solo tu web como contenedor y exportando una app con ese contenido, pero con lo que muestro aquí no.
Un saludo!
@@programacion-es gracias
muchas gracias amigo, con esto puedo obtener un link para compartir por redes sociales??.
Para compartir sería el mismo enlace de tu web, una vez dentro, los usuarios tendrán la opción de agregar la PWA a sus móviles o no =)
Lo hice todo pero no hace ningún cambio en la, página, y no aparece la, leyenda y botón de instalación, es como si el plugin no hizo nada. Tengo todo actualizado
Hola Javo, si estás probando en ios tienes que buscar la opción "agregar al inicio" en el menú de safari cuando entras a la página, si no aparece esta opción o la de instalar en el menú de Chrome asegúrate de que tu sitio web esté bajo https, es un requisito para poder usar la PWA
@@programacion-eshola, gracias, pero tengo los 3 requisitos en verde, pero ya guardo, y abro en android y crome, y no me aparece ningún mensaje para descargar o instalar app, hay algo más que tenga que hacer?
@@javod.a.176 Si tienes los requisitos en verde puede ser que el problema sea caché, prueba desde una ventana de incógnito o borrando caché de la página
el el minuto 6:17 empieza el tema. el resto es blabla
Gracias por el feedback =)
Hola excelente video, muchisimas gracias hermano. Pero no se por que motivo no he podido lograr que funcione, limpie cache y tampoco la idea es solo usar para Android, en pc no anda...jamás llega la notificación, entre a la pagina y hoy en día tiene costos …PODRA SER eso?...existen otras alternativas gratis que puedas mencionarnos.? abrazo cordial
Hola Maxi, muchas gracias por comentar, en cuanto pueda le echo un ojo a alternativas y subo vídeo! =) Un saludo!
Esto sirve para Smart TV? Tengo una academia online y creo que es buena opcion verla en smart tV tambien. Muchas gracias de antemano
Hola, interesante pregunta, que yo sepa las smart tv aún no soportan pwa, pero puedes hacer la prueba si logras instalar Chrome en tu TV e ingresar a tu web y ya me comentas, un saludo!
@@programacion-es ok. Gracias. Ayer estuve tratando de instalar chrome en mi smart tv lg sin exito. Busque tutoriales par lograrlo y nada me resultó. Pero seguiré intentando. Saludos y gracias
El plugin SUPER PWA tiene costo?
Hola Felix, gracias por comentar, el plugin dispone de versión gratuita y premium, puedes ver los detalles aquí: wordpress.org/plugins/super-progressive-web-apps/ un saludo!
@@programacion-es Muchisimas gracias, un abrazo!!
Hola, solo sirve para Android ese pluggin? Saludos
¡Hola! También sirve para iOS pero en safari la opción aparece en el menú del navegador solamente si no me equivoco =)
Una pregunta. ¿ Se podría subir a Play store la aplicación?
Hola Adrián, muchas gracias por tu comentario, en este caso al tratarse de una PWA no se puede subir a la play store o tiendas de apps porque no estás generando un paquete de aplicación, un saludo y que tengas buen código!
No funciona actualmente, testeado
Hola Franklin, gracias por comentar, acabo de probar la implementación que hice en el vídeo y funciona bien, revisa que tengas todo lo necesario para la PWA y quizás el changelog de la versión del plugin que estás usando.
¡Un saludo!
Hola, excelente video! el archivo que exporta es formato APK? se podria subir al playstore para que sea descargada como cualquier app y sea ejecutada de igual manera?
Hola, no, al "instalar" la PWA solo se crea un "acceso directo" a tu web desde el menú de aplicaciones, lo que se abre es un webview con tu web abierta, no es una app descargable ni publicable en las tiendas. Pronto subiré un tutorial de cómo convertir tu web en una app para publicar en las tiendas. Un saludo! =)
@@programacion-es por favor aaaaaaamigo publica el video jejeje llevo un año esperandolo, saludos y bendiciones.
@@walteraguilar3977 asdhgasgdahsgd a cuál te refieres?
@@programacion-es al video que prometiste de hacer que podamos descargar nuestra aplicacion y poderla subir a la playstore, he buscado por todo el internet y nada, el super pwa solo me permite crear un acceso directo mas nos descargar la apk, jejeje y se que tu si nos puedes enseñar saludos nuevamente y bendiciones.
Hola que tal?
este PWA lo podemos subir al Play Store
Hola Julio, gracias por comentar, no, en este caso no estás generando un paquete de aplicación para subir a las tiendas, es más parecido a un acceso directo a tu web que se abre en un contenedor del móvil al instalarlo =)
@@programacion-es cual seria el metodo para poder subir mi PWA como un apk al Play store
@@julioarauzlopez5900 la PWA como tal no puedes subirla, tendrías que crear una app con un webview que abra tu página y exportar esa app para subirla a las stores, puedo hacer un tutorial en un futuro para esto si te agrada la idea =)
@@programacion-es Seria super genial, muchas Gracias!
hola, esta apliacion es gratis? que diferencia tiene con las versiones de pago?
Hola, a qué aplicación te refieres exactamente?
@@programacion-es pues a la Super PWA
@@djrantoni el plugin de super pwa para WordPress es gratuito =)
@@programacion-es ha ok es que lo ví en la página y Vi Pla es de suscripción no ví la opción free
Como te contacto necesito ayuda y quiero saber cuanto cobras pero quisiera explicarte x privado
Hola, de momento no estoy aceptando proyectos ni colaboraciones por falta de tiempo, disculpa, un saludo!
Para android me sirvió pero no para ios
En iOS la opción suele aparecer en el menú del navegador
tienes que generar el apk, y entonces debes pagar
Si, para poder publicar en la play store es un pago único =)
@@programacion-espuedes ir agregando artículos,post e ir agregando páginas?
Buena info pero medio pinche video desperdiciado en algo que los que están entrando ya saben, aplícate hijo, fuera de eso la info es oro
Hola Arturo, gracias por comentar, la primera parte del video justamente es para que aquellos que no estén familiarizados con el término puedan conocerlo o refrescarlo, sin embargo, tomaré en cuenta tu comentario para próximos vídeos para análisis y segmentación de conceptos en vídeos separados, un saludo!
@@programacion-es Puesyo que no estaba tan empapado del tema me sirvio el video desde el principio hasta el final... muchas gracias
@@TesIaLive-.News2023 Muchas gracias Alexis! Un saludo!