Sistema de Automatización en Acción
Esta página demuestra cómo un lead entra, es atendido, seguido y convertido automáticamente.
Captura de Lead
Formulario embebido de GoHighLevel. Los contactos se crean en GHL sin API. Para que también se cree una oportunidad en el pipeline, configura en GHL un workflow «Form Submitted» → «Create Opportunity». Completa el form y revisa Contactos y Pipeline en tu CRM.
Embed no configurado
Configura la variable correspondiente en .env.local y reinicia el servidor de desarrollo.
Obtén el embed en GHL: Forms → [tu form] → Share → Embed, o Calendars → Share → Embed. Usa la URL del iframe.
Tracking y Atribución
Sistema de seguimiento de GoHighLevel. El script se carga solo en /demo y observa los envíos del formulario embebido.
Tracking no configurado
Configura NEXT_PUBLIC_GHL_TRACKING_SRC y NEXT_PUBLIC_GHL_TRACKING_ID en .env.local y reinicia el servidor.
GHL: Location → Tracking → Install tracking code. Usa la URL del script y el ID de tracking.
Pipeline de Ventas
Visualización del pipeline en GoHighLevel. Cada acción del lead actualiza automáticamente la etapa. Los leads y oportunidades reales se ven en tu CRM de GHL (Contactos y Pipeline).
• Formulario enviado → Oportunidad creada
• Chat iniciado → Etapa actualizada
• Cita agendada → Etapa actualizada
• Todos los cambios se registran en el timeline del CRM
¿No ves lead u oportunidad tras enviar el form?
El form crea el contacto en GHL. Para que se cree una oportunidad en el pipeline necesitas un workflow en GHL: trigger Form Submitted → acción Create Opportunity. Sin ese workflow no aparecerá en Pipeline. Consulta GHL_WORKFLOW_SETUP.md en el repo para la guía completa.
Nuevo Lead
Contactado
Calificado
Llamada Agendada
Propuesta Enviada
Ganado
Cómo funciona:
- El formulario crea el contacto; un workflow "Form Submitted → Create Opportunity" crea la oportunidad en "Nuevo Lead"
- El chat puede calificar al lead y moverlo a "Calificado"
- Agendar una cita lo mueve a "Llamada Agendada"
- Todos los cambios se sincronizan en tiempo real con GoHighLevel
Emails Automatizados
Sistema de emails automáticos activado por workflows en GoHighLevel
Email de Confirmación
Enviado automáticamente al recibir el formulario
Seguimiento Automático
Email de seguimiento después de 24 horas
Confirmación de Cita
Email con detalles de la cita agendada
Cómo funciona:
- Los workflows en GoHighLevel se activan automáticamente
- No requiere intervención humana
- Todos los emails se registran en el timeline del contacto
- Los emails pueden incluir personalización dinámica
Calendario / Agendamiento
Sistema de agendamiento automático sin intervención humana. Confirmación y recordatorios vía workflows de GHL.
Embed no configurado
Configura la variable correspondiente en .env.local y reinicia el servidor de desarrollo.
Obtén el embed en GHL: Forms → [tu form] → Share → Embed, o Calendars → Share → Embed. Usa la URL del iframe.
Asistente IA de Chat
Chat funcional con IA que califica leads, captura datos y crea contactos automáticamente. El widget se carga solo en /demo.
Chat no configurado
Configura NEXT_PUBLIC_GHL_CHAT_WIDGET_SRC en .env.local y reinicia el servidor.
GHL: Chat Widget / AI Chat → Install → usa la URL del script.
Integración:
El widget de chat de GoHighLevel se integra directamente con tu cuenta. Todas las conversaciones se registran en el timeline del contacto, y puedes configurar respuestas automáticas y escalación en el panel de GHL.
Automatización WhatsApp
Flujo de automatización de WhatsApp Business para Costa Rica y LATAM
Formulario / Chat
Workflow Activado
Mensaje WhatsApp
Respuesta del Lead
Toma de Control Humana
Características:
- Usa WhatsApp Business API
- Utiliza plantillas aprobadas por WhatsApp
- Diseñado para Costa Rica y LATAM
- Basado en consentimiento (no spam)
- Escalación automática a humano cuando es necesario
Nota de Implementación:
El envío real de WhatsApp requiere credenciales de WhatsApp Business API configuradas en GoHighLevel. En este demo, los hooks están listos pero comentados. Para producción, configura las credenciales en tu cuenta de GHL.
Workflows de Automatización
Lógica de automatización gestionada en GoHighLevel Workflows
Trigger: Formulario Enviado
Trigger: Chat Iniciado
Trigger: Cita Agendada
Trigger: Lead Inactivo (7 días)
Gestión de Workflows:
Todos estos workflows se configuran y gestionan directamente en GoHighLevel. No requieren código adicional. El sistema Next.js solo envía los eventos (formularios, webhooks) y GoHighLevel ejecuta la lógica de automatización.
Timeline del Contacto
Todas las interacciones se registran en un solo registro de contacto en GoHighLevel
Formulario Enviado
Hace 2 minutosLead capturado desde /demo
Email de Confirmación Enviado
Hace 1 minutoEmail automático de bienvenida
Tag Aplicado
Hace 1 minutoTag: demo_lead
Chat Iniciado
Hace 30 segundosConversación con asistente IA
Cita Agendada
Hace 10 segundosCita programada para mañana
Etapa Actualizada
Hace 5 segundosPipeline: Nuevo Lead → Llamada Agendada
Explicación:
Cada acción (formulario, email, chat, agendamiento) se registra automáticamente en el timeline del contacto en GoHighLevel. Esto proporciona un historial completo de todas las interacciones en un solo lugar, facilitando el seguimiento y la gestión del lead.