Cómo convertir un sitio web creado con divi y wordpress en una Progressive Web App con Super PWA

Подписаться 16 тыс.

Просмотров 12 тыс.

50% 1

En este tutorial gratuito aprenderás a convertir cualquier sitio web creado con divi o wordpress en una web app o Aplicación web progresiva.Una Aplicación Web Progresiva es una combinación de una web normal y una aplicación móvil, es un híbrido por así decirlo.
Estás aplicaciones se pueden instalar en la página de inicio de nuestro móvil tal y como si fuera una aplicación nativa pero con la gran diferencia de que no ocupará espacio (memoria) en nuestro celular.
➡️ Enlace al post del blog (incluye recursos): ovdivi.com/com...
💥 Suscribete a los tutoriales exclusivos: academia.ovdiv...
🚨 Crea un sitio web de viajes y tours con divi: academia.ovdiv...
✅ Academia OV Divi: academia.ovdiv...
🔥 Suscripción a Divi de Elegant Themes con 20% de descuento: bit.ly/2HlLVeI
💎 Comunidad de Facebook: / ovdivi
#Divi #WebApp #ovdivi
--------
S Í G U E M E
--------
Web: ovdivi.com/
Facebook: / ovdivi
---------
P E R S O N A L
---------
Twitter: / oscarviedmaweb
Web: oscarviedma.com/

Опубликовано:

15 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 87

@gabrielquinterodiaz8749 2 года назад

Llevo más de un año con Óscar y me a ayudado mucho en mi carrera como freelance . El soporte es muy bueno. Gracias por todo.

@OVDIVI 2 года назад

Muchísimas gracias por el apoyo en todo este tiempo Gabriel :) ¡Un abrazo!

@lacocinadelatialety 2 года назад

🙌 creo que en los tutoriales premium te había preguntado sobre esto y me habías hecho unas recomendaciones, que bueno ver el tutorial!! Muchas gracias!!

@OVDIVI 2 года назад

Si Edd2s! 😊 Además de ti, también hubo otras solicitudes para este tutorial, así que llegó el momento de compartirlo. Un abrazo

@lavozdetuvida 2 года назад

El tutorial es magnífico, porque, al menos en iPhone, se abre en modo app y no se abre en Safari, o sea que funciona totalmente como una app. Lo que me sucede a mí es que el icono que muestra no es el que he configurado en el plugin, sino el favicon del site.

@OVDIVI 2 года назад

Hola, puede ser porque se ha quedado en cache el favicon de wordpress. Borra cache de wordpress y prueba nuevamente.

@juansantos7153 Год назад

Hola, me pasó lo mismo, pudiste resolverlo? Te agradecería mucho si me dijeras cómo.

@lavozdetuvida Год назад

@@juansantos7153 Lamentablemente, no. Pero ya desistí.

@churromafiass 3 месяца назад

Gracias hermano, es usted una bala !

@OVDIVI 3 месяца назад

Muchas gracias por el apoyo. ¡Seguiremos con todo! Un abrazo.

@Icuevasp 2 года назад

Hola Oscar, un tutorial genial y muy interesante, siempre se aprende algo novedoso con tus tutoriales, llevo casi desde el inicio de tus tutoriales premium y son geniales, así como el de crear la web de viajes, que es como conocí tus tutoriales, y espero cada semana con que nos sorprendes, un abrazo

@OVDIVI 2 года назад

Hola Iñaki, muchas gracias por todo el apoyo que me haz dado durante todos esos meses. Seguiremos creando mucho contenido tanto premium como gratuito. Un abrazote.

2 года назад

La verdad que todo esto es maravilloso, muchas gracias!

@OVDIVI 2 года назад

Muchas gracias por el apoyo Ramiro. Un abrazo.

@jminfoweb3669 Год назад

demasiado bueno Oscar, de verdad es excelente

@OVDIVI Год назад

Muchas gracias ¡Segimos! Un abrazo.

@jhongiraldo9165 2 года назад

Wuaooo amigo excelente todo como siempre una consulta en la plugins de las notificaciones muestra cuantos usuarios si han aceptado recibir notificaciones ya que cuando la envió dijo que le llegaron a 3 en su caso gracias.

@OVDIVI 2 года назад

Sí sí, te da las estadísticas de cuantos usuarios han aceptado las notificaciones :)

@luisangelmasfil5084 Год назад

Las funcionalidades o la página web en si se ve afectada por actualizaciones de wordpress??

@OVDIVI Год назад

Hola Luis Angel, por lo regular este plugin siempre está en constante actualización, por lo tanto, no tienes que preocuparte con las actualizaciones de wordpress. Siempre actualiza, es lo ideal.

@Fierexita 2 года назад

Super GENIAL!!!! Gracias.

@OVDIVI 2 года назад

Gracias a ti también Natalia. Un abrazo

@albertohgarcia 26 дней назад

Y si quieres que cada usuario ponga su página de inicio, como personalizada, existe algo así?

@OVDIVI 22 дня назад

Hola Alberto, ¿me puedes dar más detalles? No logro comprender bien que deseas lograr amigo 🙏

@daviscabrera8598 2 года назад

hola av divi como estas bueno soy suscriptor tuyo desde hace años siempre veo tus tutoriales gracais por el gran aporte, queria preguntarte como hago para hacer una tabla comparativa con divi de producto he buscado y no encuentro gracias y disculpa las molestias

@OVDIVI 2 года назад

Hola Davis, gracias por ser suscriptor. Sobre tu pregunta, existen plugins para lograr hacer una tabla comparativa para woocommerce. Aquí tienes un gratuito que te puede servir: es.wordpress.org/plugins/products-compare-for-woocommerce/ Y aquí tienes otras alternativas: wpmet.com/9-best-woocommerce-product-comparison-plugins/

@orbitalbusiness Год назад

Excelente trabajo para presentarnos este plugin! Una consulta. los banners de descarga para que tenga el icono en el movil y el que invita aceptar las notificaciones (el otro plugin que recomiendas) no me aparecen en iPhone.....Sabes por qué?

@OVDIVI Год назад

Hola Orbital, no te aparecen los banners? o no te aparecen los plugins? Decirte que algunas favicon serán compatibles con android y otros en iOs, al ser sistemas operativos diferentes luego se compartan distinto

@HenryLeonardoPulidoBenedetti Год назад

que genail

@OVDIVI Год назад

Muchas gracias, seguimos!

@nimiaenciso Год назад

Super interesante! 🤩 Una pregunta... Es posible de esta forma crear un software de gestión de negocio, osea con una aplicación web? Desde ya gracias. 🥰

@OVDIVI Год назад

Hola, no estoy seguro. Dependerá de la complejidad del software. Aquí lo que estamos haciendo solamente es convertir a web app un sitio web.

@edwardjaans Год назад

Hola amigo, quería preguntarte si haces sitios web y por cual canal podemos hablar . gracias por tu amable respuesta a mi consulta.

@OVDIVI Год назад

Hola Edward qué tal, sí realizo sitios web para clientes pero ahora mismo estoy saturado amigo. Por el momento no estoy tomando proyectos. Quizá pueda hasta enero 😬

@oliversoma 3 месяца назад

Hola! Hice pruebas en iPhone y se instala agregando al inicio, en Android no me aparece el pop up de descarga, tengo que hacer lo mismo que en iPhone. Sabes porque razón pasa eso?

@OVDIVI 3 месяца назад

Hola Oliver, ¿A qué pop up te refieres?

@juliolabatut5716 10 месяцев назад

Hola Oscar una vez convertido el sitio en una app es posible subir a play store?????

@OVDIVI 10 месяцев назад

Hola Julio, si posible solamente que necesitarías la versión pro. Aquí tienes más detalles: superpwa.com/docs/article/how-to-publish-apk-in-google-play-store/

@alejandroaguilar4622 2 года назад

muy buen turorial oscar , como puedo hacer luego para subirla a la playstore?

@OVDIVI 2 года назад

Hola Alejandro, vas a necesitar la versión pro del plugin. Aquí tienes la documentación: superpwa.com/doc/android-apk-app-generator-add-on-for-superpwa/

@sergiomendoza8939 2 года назад

¿Funciona igual para Android y iPhone? Padrísimo tutorial. Eres un pro. 😄

@OVDIVI 2 года назад

Hola Sergio, en el tutorial puedes ver el funcionamiento en iOS y Android. En android funciona mejor :)

@guidogonzalez9423 Год назад

Hola, si un blog está monetizado con adsense, es válido convertirlo en una PWA? se muestran los anuncios publicitarios y no viola las politicas de adsense? alguien sabe algo sobre eso?

@OVDIVI Год назад

Hola Guido, muy buena pregunta. Desconozco del tema pero alguien preguntó algo parecido en el soporte del plugin y han dicho que no debe haber problema, esta respuesta fue hace 2 años y honestamente no sé si siga igual o ya ha cambiado la política. Si deseas también puedes realizar una pregunta en soporte para que te despejen esa duda. Aquí tienes el hilo que he leído: wordpress.org/support/topic/support-for-google-admob/

@josepmasadurni9204 Год назад

Muy buenaas y gracias por los tutoriales. He seguido todos tus pasos y me ha funcionado bien, lo único es que el menú en la app no me aparece con las tres líneas situado arriba como una "app de verdad" sinó que me aparece debajo el logo con unas letras que pone menu. Sabrías decirme por dónde tengo que ir para solucionar esto? Gracias!

@OVDIVI Год назад

Hola Josep, gracias también a ti. Sobre el tu menú, esto depende del estilo de menú que estés eligiendo en divi, divi viene con varios estilos que puedes cambiar

@pepemontalvo3932 2 года назад

Muchas gracias excelente tutorial lastima que ami no me funciono se pone en negro la aplicacion y ya le cambie de color y si gue igual el cuadro de l aplicacion todo en negro!!

@OVDIVI 2 года назад

No será por tu cache? Siempre que hagas cambios borra cache de tu wordpress, si no tienes plugin cache recomiendo uno :)

@clausvillasenor3869 2 месяца назад

Hola amigo, excelente video, lo instale en mi pagina y a otras personas en su celular no les apatece la opcion de instalar como aplicacion, y por mas que actualizaron y reiniciaron crome, no aparecio, que se puede hacer en ese caso?, gracias de antemano

@OVDIVI 2 месяца назад

Hola hola, no sé que sistema operativo tengan pero dependerá de si es iOs o android para que aparezca el botón de instalación.

@clausvillasenor3869 2 месяца назад

@@OVDIVI es Android, habrá forma de hacer un botón para que aparezca siempre!?

@OVDIVI 2 месяца назад

@@clausvillasenor3869 la función solamente esta disponible en Android pero navegando con Google Chrome. Depende del navegador.

@clausvillasenor3869 2 месяца назад

@@OVDIVIel celular es Android y el navegador es crome y aún así no se ve, te pregunto no habrá forma de agregar un botón que lo dirija a esa instrucción??

@OVDIVI 2 месяца назад

@@clausvillasenor3869 no hay forma que yo sepa. Eso es totalmente del plugin :/

@TheRestlessMan 4 месяца назад

Se pueden subir a iOS y Android

@OVDIVI 4 месяца назад

Hola, sí, solamente que es necesaria la versión pro.

@calcifer5984 2 года назад

Hola te escribí por uno de tus cursos de diseño de una pagina de viajes con divi y wordpress, agradecería me ayuden. gracias

@OVDIVI 2 года назад

Sí, te he respondido amigo. Saludos.

@jhongiraldo9165 2 года назад

Hola amigo me suscribí será que me puede orientar de ese efecto que tienes en la wed que dise pagina 5 de 5 y me explico tengo del secciones de divi y en la sección 5 hago corte y que tenga el botón siguiente pagina tiene ese tutorial en su tirilla de tutoriales gracias.

@OVDIVI 2 года назад

Hola Jhon, muchas gracias por unirte. Para ocultar secciones y mostrarlas al hacer click en un botón tengo este tutorial aquí mismo en youtube que te puede ser de ayuda: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4Ky9dndzke8.html

@jorgeduran4104 Год назад

Oscar te hago una pregunta, tengo un marketplace creado en wordpress con DIVI, al convertirlo en PWA esta me puede usar el GPS para que se muestren tiendas que estén cerca de la ubicación actual del cliente, o para este tipo de funcionalidad debo "picar" algo de código fuente?

@OVDIVI Год назад

Hola Jorge, hay plugins de geocolización que sirven para eso. Te recomiendo busques uno que se adapte a lo que necesites

@FernandoAV-ArsMeliora 3 месяца назад

No me sale el ícono de la aplicación me sale el logo de WordPress

@OVDIVI 3 месяца назад

Hola Fernando, ¿En dónde? ¿En el favicon? ¿Al agregar a la pantalla de inicio? ¿o en qué momento?

@milhaymolina1229 2 года назад

Que plugins cache recomiendas

@OVDIVI 2 года назад

Hola, a mi me gusta LiteSpeedCache, para mi es el mejor más si usas servidores litespeed. Además es gratis 🤩

@djabrahamreyes 2 года назад

GRACIAS

@OVDIVI 2 года назад

Saludos :)

@Fierexita 2 года назад

Es posible que aparezca en la Play Store de Android?

@YovaSV93 2 года назад

No, a menos que haga el apk con tu sitio precargado.

@OVDIVI 2 года назад

Es posible pero con la versión PRO de SuperPWA, dale un vistazo a este post: superpwa.com/doc/android-apk-app-generator-add-on-for-superpwa/

@Fierexita 2 года назад

@@OVDIVI .... Wow.. sería genial un tutorial relacionado, eso le podría dar un valor agregado a nuestros proyectos.

@miecardmx Год назад

Hola Oscar, has probado la versión pro? sabrás si en la pro se puede poner como página de inicio la página desde donde se creo el ícono y no solamente la página principal? Por ejemplo, que si agregas a la pantalla de inicio desde "El lobo de el lobo de wall street", se quede ese mismo enlace en el ícono y si lo agregas desde la página de "Mr. Robot" ahora se quede esta en el ícono? Te voy a agradecer mucho tu respuesta

@OVDIVI Год назад

Hola Marino qué tal, la verdad no estoy seguro si se puede hacer. Pero sería genial hicieras la pregunta en el soporte del plugin: wordpress.org/support/plugin/super-progressive-web-apps/ Seguramente alguien ya ha intentado lo mismo que tú.

@jhongiraldo9165 2 года назад

Hola amigo ya revisando el complemento quisas sepa si se puede que un usuario que por el momento no acepte la instalada de la pw la rechaza pero que si luego lo desee hacer si instale por que note que si rechaza de primerazo no le vuelve a salir el mensaje de instalar será que se logra pero ya en la versión Pro ? gracias por sus conocimiento.

@OVDIVI 2 года назад

Hola Jhon, con Perfecty Push tienes la posibilidad de mostrar un icono flotante en la parte inferior, desde este icono puedes cambiar la configuración de las notificaciones. Para mostrar el icono (campanita) te vas a la configuración de Perfecty Push y deshabilitas la opción: Hide bell after subscribing...

@Mralienlaf 2 года назад

Hola! ¿Con qué licencias cuentas? Nos interesa inscribirnos. Saludos

@OVDIVI 2 года назад

Puedes darle un vistazo al blog y ver que tutoriales hemos hecho con plugins: ovdivi.com/blog/?filter=true&post_tag=plugins En varios de esos tutoriales incluyo la licencia. Pero por favor, no vengas solamente por las licencias, mejor ven por todo el material de valor que vas a encontrar :)

@nicolascardenas6367 2 года назад

:C vas a subir el precio ?

@OVDIVI 2 года назад

He querido mantenerlo durante todo este tiempo, ya llevamos dos años sin aumentarlo ni nada, pero creo que llegó el momento de hacerlo. Pero no subirá demasiado, no te asustes, quizá ahora la suscripción será de 6 usd + 1 cerveza 😋 Además si eres miembro activo no tienes porque preocuparte, porque el precio para todos los suscriptores ya activos seguirá siendo el mismo de $6 usd ☺️