Hola, ¿qué tal? Hoy quiero platicarte sobre un tutorial que acabo de grabar y que creo que te va a encantar si trabajas con Divi y WordPress en general.
Un chat de WhatsApp… pero diferente
Si has seguido mi contenido, sabes que ya tenemos dos tutoriales sobre chats flotantes de WhatsApp:
- Botón flotante con Floating WhatsApp (tutorial gratuito, súper sencillo)
- Chat Multi Agente con módulos Divi (perfecto cuando necesitas varios números)
Pero este nuevo tutorial es completamente diferente. ¿Por qué? Porque captura datos dinámicos automáticamente.
El problema que resuelve
Déjame explicarte con un ejemplo real. Imagínate que tienes un catálogo de 50 autos en tu sitio. Un cliente te escribe por WhatsApp desde la página de un Toyota Corolla 2024 y te pregunta: «Me interesa este auto, ¿está disponible?»
Con un botón normal de WhatsApp, tú recibes ese mensaje y piensas… «¿cuál auto?» Tienes que preguntar, esperar respuesta, buscar en tu catálogo…
Con este chat inteligente, tú recibes:
Nombre: Juan Pérez Mensaje: Me interesa este auto, ¿está disponible? ━━━━━━━━━━━━━━ Página: Toyota Corolla 2024 URL: https://tudominio.com/autos/toyota-corolla-2024 Información adicional: - Marca: Toyota - Modelo: Corolla - Año: 2024 - Precio: $15,000 - Kilometraje: 45,000 km
¿Ves la diferencia? Ya sabes TODO antes de responder.
Lo probamos con casos reales
🚗 Ejemplo 1: Sitio de Autos (Divi Machine)
Para este tutorial usé mi Tutorial de Divi Machine donde creamos un sitio completo de autos con Custom Post Types y campos ACF.
Es el ejemplo perfecto porque cada auto tiene múltiples datos: marca, modelo, año, precio, kilometraje… y TODO se captura automáticamente cuando te contactan.
🛒 Ejemplo 2: Tienda WooCommerce
También lo implementamos en WooCommerce (ver demo). Cuando alguien te contacta desde un producto, recibes:
- Nombre del producto
- SKU
- Precio
- Stock disponible
- URL directa
📄 Funciona en todo
Posts, páginas, custom post types… en cualquier contenido de WordPress.
Qué hace especial a este chat
💎 Diseño profesional
Modal moderno con animaciones suaves, labels flotantes, responsive al 100%. Se ve increíble y funciona perfecto en móviles.
🎯 Captura datos dinámicos
- Campos ACF personalizados
- Productos WooCommerce
- Título y URL de la página
- Cualquier información que necesites
⏰ Sistema de horarios
Configura tus horarios de atención por día. Muestra automáticamente «En línea» o «Fuera de línea». O déjalo siempre disponible.
💬 Mensajes personalizados
Mensaje diferente para productos, posts, páginas, custom post types. Con variables dinámicas como {title}, {price}, {sku}.
🎨 100% personalizable
Colores, textos, posición, horarios… todo configurable sin tocar código complicado.
Implementación súper sencilla
Usa Code Snippets (un plugin gratuito). Básicamente:
- Copias el código
- Pegas en un snippet nuevo
- Cambias tu número de WhatsApp
- Personalizas colores y textos
- ¡Listo!
No tocas el tema, no se pierde al actualizar Divi, lo activas/desactivas cuando quieras.
¿Por qué no un plugin?
Tres razones principales:
- Peso: Este chat pesa ~16KB. Plugins populares pesan 100KB+
- Funcionalidad: Casi ningún plugin captura datos dinámicos como este
- Control: Tienes el código completo, lo adaptas como necesites
Además está optimizado específicamente para Divi 4 y Divi 5. Sin conflictos, sin problemas.
Este tutorial es para ti si…
- Trabajas con Divi y quieres ofrecer algo profesional a tus clientes
- Usas Custom Post Types, campos ACF o WooCommerce
- Estás cansado de preguntar «¿desde qué página me contactas?»
- Quieres mejorar la conversión sin plugins pesados
- Buscas soluciones que no dependan de suscripciones costosas
Cómo acceder al tutorial
Este tutorial es parte de Tutoriales Exclusivos OV DIVI, mi membresía premium donde comparto contenido avanzado con código listo para usar.
En el video te muestro:
- Instalación paso a paso
- Configuración completa de todas las opciones
- Implementación en tipos de publicaciones personalizadas (autos)
- Implementación en WooCommerce
- Personalización de diseño y colores
- Configuración de horarios
- Integración con campos ACF
👉 Suscríbete a Tutoriales Exclusivos
Una última cosa
Sé que hay muchas formas de agregar WhatsApp a tu sitio. Pero esto es diferente.
No es solo un botón, es una herramienta que te ahorra tiempo y hace tu comunicación más profesional.
Yo lo uso en sitios de mis clientes y los resultados son excelentes. Tanto ellos como sus clientes me dicen que es súper práctico.
Si estás listo para llevar tus sitios Divi al siguiente nivel, te veo dentro del tutorial.
Cualquier duda, déjame un comentario abajo.
¡Nos vemos!
Oscar
P.D. Si ya eres miembro de Tutoriales Exclusivos, el tutorial ya está disponible. Si aún no, este es buen momento para unirte porque tengo varios tutoriales más planeados para las próximas semanas.
0 comentarios