Hace un tiempo compartí contigo cómo convertir tu sitio Divi en una Progressive Web App usando Super PWA, y la respuesta fue increíble. Muchos de ustedes lograron transformar sus sitios en aplicaciones instalables, pero pronto comenzaron a llegar consultas muy específicas.
La más frecuente era: «¿Cómo puedo crear PWAs individuales para cada cliente si manejo múltiples proyectos en un solo WordPress?«
Esa pregunta me llevó por un camino que no esperaba: crear mi propio plugin PWA desde cero.
El problema que me motivó a crear OV PWA
Cuando trabajas con agencias o manejas sitios multicliente, te das cuenta rápidamente de que los plugins PWA existentes tienen una gran limitación: convierten todo el sitio en una sola aplicación.
Imagina que tienes 20 clientes diferentes en un solo WordPress. Con Super PWA o cualquier otro plugin tradicional, todos compartirían la misma configuración: mismo icono, mismo nombre, mismos colores. No hay manera de personalizar la experiencia PWA por página individual.
Ahí fue cuando decidí que necesitaba algo diferente.
Nace OV PWA: PWAs individuales por página
Después de semanas de desarrollo, te presento OV PWA – un plugin que permite crear Progressive Web Apps completamente independientes para cada página de tu sitio WordPress.
¿Qué significa esto en la práctica? Que puedes tener:
- Una página para «Restaurante Los Amigos» con su propio icono, colores rojos y nombre personalizado
- Otra página para «Spa Relajante» con iconos zen, colores azules y su propia identidad
- Y una tercera para «Gym PowerFit» con estética deportiva y colores vibrantes
Todas en el mismo WordPress, todas como apps instalables completamente independientes.
Lo ponemos a prueba con la vCard de restaurante
Para este tutorial, decidí usar como ejemplo práctico la vCard de restaurante que creamos anteriormente – esa tarjeta digital sincronizada con Google Sheets que permite recibir pedidos por WhatsApp.
¿Por qué elegí este ejemplo? Porque es perfecto para mostrar cómo una página que ya funciona bien puede volverse aún más poderosa al convertirse en una app instalable. Los clientes del restaurante podrán:
- Instalar la carta directamente en su teléfono
- Acceder offline cuando no tienen internet
- Recibir la experiencia nativa de una app
- Hacer pedidos desde un icono en su pantalla de inicio
Pero aquí viene lo mejor: esto no se limita solo a restaurantes. El mismo proceso que verás en el tutorial funciona para cualquier página que hayas creado con Divi, Elementor, Gutenberg, o con cualquier otro tema de WordPress.
¿En qué se diferencia de lo que ya conoces?
Si seguiste mi tutorial anterior con Super PWA, notarás que OV PWA ofrece un enfoque completamente diferente:
Con Super PWA:
- Una PWA para todo el sitio
- Configuración global
- Iconos y colores únicos para todo
- Perfecto para sitios de un solo cliente
Con OV PWA:
- PWAs individuales por página
- Configuración específica por página
- Branding personalizado para cada cliente
- Ideal para agencias y sitios multicliente
La experiencia móvil que tus clientes esperan
Hoy en día, nuestros usuarios pasan más tiempo en sus móviles que en desktop. Cuando alguien visita la página de tu restaurante (o cualquier negocio), subconscientemente espera una experiencia similar a las apps que ya tiene instaladas.
Con OV PWA, les das exactamente eso:
- Instalación con un solo toque desde cualquier navegador
- Carga instantánea gracias al sistema de caché inteligente
- Funciona sin internet – imagínate poder ver la carta del restaurante aunque no tengas datos
- Iconos en pantalla de inicio como cualquier app «real»
Compatibilidad real en el mundo real
Una de las cosas que más me gusta de las PWAs es que funcionan prácticamente en cualquier dispositivo moderno:
En Android (que es donde mejor funcionan):
- Chrome, Firefox, Samsung Internet – todos permiten instalación directa
- Los usuarios ven un banner que dice «Agregar a pantalla de inicio»
- La experiencia es idéntica a instalar desde Play Store
En iPhone (sí, también funciona perfecto):
- Los usuarios pueden instalar desde Safari usando «Compartir → Agregar a pantalla de inicio»
- Una vez instalada, funciona como cualquier app nativa
- Incluso respeta los colores que configures para la barra de estado
En computadoras (bonus inesperado):
- Chrome y Edge permiten instalar PWAs como aplicaciones de escritorio
- Perfecto para herramientas de trabajo o dashboards
Lo que descubrirás en el tutorial premium
En este tutorial exclusivo para miembros de la Academia OV DIVI, te llevaré paso a paso por todo el proceso:
Empezamos con la instalación del plugin – que diseñé para ser lo más intuitiva posible. No hay configuraciones complicadas ni ajustes técnicos confusos.
Luego vamos directo a personalizar nuestra primera PWA. Usando la vCard del restaurante, te muestro cómo:
- Configurar iconos que se vean profesionales en cualquier dispositivo
- Elegir colores que reflejen la marca del negocio
- Ajustar el comportamiento de la app (¿pantalla completa? ¿con navegación?)
- También hacemos pruebas reales en diferentes dispositivos.
🚀 NUEVA ACTUALIZACIÓN: OV PWA v1.1.0 (14/08/2025)
¡El plugin OV PWA acaba de recibir una actualización masiva! Ahora con más funcionalidades y opciones avanzadas para crear Progressive Web Apps aún más poderosas.
✨ Nuevas Funcionalidades
⚙️ Panel de Ajustes OV PWA
Nuevo panel centralizado en Ajustes → OV PWA para gestionar todas las configuraciones globales del plugin de forma intuitiva.
🔍 PWA Diagnóstico
Sistema completo de diagnóstico automático disponible en Ajustes → PWA Diagnóstico que:
✅ Verifica el estado de todas tus PWAs
✅ Detecta errores automáticamente
✅ Muestra estadísticas visuales
✅ Valida configuraciones del servidor
✅ Genera reportes descargables
🎯 Modo PWA: Global vs Individual
Ahora puedes elegir entre dos estrategias poderosas:
📱 Modo Individual (original):
– Cada página funciona como app independiente
– Configuración única por página
– Perfecto para agencias y múltiples clientes
🌐 Modo Global (nuevo):
– Una sola PWA que cubre todo tu sitio
– Los usuarios navegan sin perder experiencia app
– Cache inteligente de múltiples páginas
– Perfecto para blogs, tiendas y sitios corporativos
🔌 Compatibilidad Total con Custom Post Types
El plugin ahora soporta cualquier tipo de contenido:
✅ Páginas
✅ Entradas/Posts
✅ Productos (WooCommerce)
✅ Portfolio/Proyectos
✅ Testimoniales
✅ Eventos
✅ Cualquier CPT personalizado
📝 Shortcodes Disponibles
Botón de Instalación:
[ov_pwa_button] [ov_pwa_button text="Instalar Mi App"] [ov_pwa_button text="Descargar App" class="mi-clase-css"] [ov_pwa_button style="background: #007cba; color: white; padding: 15px;"]
Información PWA:
[ov_pwa_info]
Widget PWA Info:
Disponible en Apariencia → Widgets → «📱 OV PWA Info» para mostrar información de PWA en sidebar o footer.
📱 Mejor Experiencia de Usuario
- Notificaciones inteligentes con control de frecuencia (24h de pausa si se cierra)
- Instalación específica por modo (Individual vs Global)
- Cache optimizado para mejor rendimiento offline
- Compatibilidad iOS mejorada con instrucciones visuales
OV PWA v1.1.0 está disponible exclusivamente para miembros de la Academia OV DIVI.
La actualización es 100% compatible con versiones anteriores – todas tus PWAs existentes seguirán funcionando perfectamente.
¿Listo para crear PWAs que realmente marquen la diferencia?
Por solo $10 USD al mes (o $96 USD al año – ahorrándote $24), puedes acceder no solo a este tutorial completo de OV PWA, sino a toda nuestra biblioteca de contenido exclusivo que te ayudará a destacarte como diseñador de Divi y WordPress.
Como miembro premium de la Academia OV DIVI tendrás:
✅ Acceso inmediato al tutorial completo de OV PWA
✅ Descarga directa del plugin OV PWA para usar en tus proyectos
✅ Más de 200 tutoriales premium adicionales
✅ Soporte directo para resolver tus dudas técnicas
✅ Actualizaciones semanales con nuevo contenido
🚀 ÚNETE HOY POR SOLO $10/MES →
Cancela cuando quieras. Sin compromisos. Sin letra pequeña.
0 comentarios