Carlos Aguirre
Volver al blog
IAChatbotTutorial

Cómo Construí un Asistente de Ventas con IA que Califica Leads y me Avisa al Instante

El chatbot que ves en esta web no es un FAQ glorificado: conversa con IA, entiende qué necesita el cliente, lo califica y me avisa por Telegram en cuanto hay un lead real. Te muestro cómo está construido y por qué tu negocio debería tener uno.

CACarlos Aguirre
31 de mayo de 20269 min

Cómo Construí un Asistente de Ventas con IA que Califica Leads y me Avisa al Instante

¿Ves el botón de chat en la esquina de esta página? Háblale. Es Aura, una asistente de ventas con IA que conversa contigo, entiende qué necesitas, te recomienda una solución y, si muestras interés, te pide tus datos para que yo te contacte.

Lo importante no es que "responda". Es que trabaja: cuando alguien deja sus datos, me llega una notificación a Telegram al instante —con el resumen completo de la conversación— y ya sé exactamente con quién hablo y qué necesita antes de levantar el teléfono.

Este post es el detrás de cámaras. Te muestro cómo está construido y, sobre todo, qué decisiones lo hacen funcionar — para que entiendas lo que un asistente así puede hacer por tu negocio.

Lo que hace el chatbot (y por qué importa)

Antes del "cómo", el "para qué". Un asistente de ventas bien hecho:

  • Atiende 24/7, incluso a las 3 de la mañana, sin que tú levantes un dedo.
  • Responde al instante. El cliente moderno no espera; si nadie contesta en minutos, se va con la competencia.
  • Califica solo. Hace las preguntas correctas y te entrega leads tibios, no curiosos.
  • No deja escapar a nadie. Captura el contacto antes de que el visitante cierre la pestaña.
  • Te libera tiempo para enfocarte en cerrar, no en responder lo mismo mil veces.

Ese es el verdadero valor: no es un gasto en software, es un vendedor que nunca duerme y que llega con la tarea hecha.

Ahora sí, vamos a las tripas.

El stack completo

Aquí está todo lo que usé, y —más importante— qué resuelve cada pieza:

PiezaPara qué sirve
Next.js + ReactEl sitio web y el widget de chat a medida
n8nEl "cerebro": orquesta toda la conversación
Groq (API)El modelo de IA que redacta las respuestas, casi en tiempo real
Telegram BotNotificación instantánea de cada lead

El mérito no está en una herramienta mágica, sino en cómo se ensamblan. Cada pieza hace una sola cosa bien, y juntas forman un sistema que captura, califica y avisa sin intervención humana.

Cómo fluye todo

Visualmente, así viaja un mensaje desde el visitante hasta mi Telegram:

Visitante escribe en el chat
        │
        ▼
  Sitio web (/api/chat)  ← una "puerta" en Next.js
        │
        ▼
     n8n (Webhook)
        │
        ▼
  AI Agent + Groq  → redacta la respuesta de venta
        │
        ▼
  Vuelve al chat (con efecto de escritura)
        │
   ¿El cliente muestra interés?
        │
        ▼
  Aparece un formulario (nombre + WhatsApp)
        │
        ▼
  Sitio (/api/lead) → n8n → 📲 Telegram (¡yo!)

Cada flecha es una pieza que puedo cambiar sin tocar el resto. Esa modularidad es justo lo que lo hace tan flexible y fácil de adaptar a cada negocio.

1. La interfaz: un widget propio en React

No usé un plugin genérico de chat. Construí un widget a medida con React y Next.js, integrado al diseño del sitio. ¿Por qué a medida?

  • Control total del diseño. El chat respeta la estética editorial del sitio (tipografías, colores, tono), no parece un postizo de otra marca.
  • Streaming palabra por palabra. Las respuestas aparecen con efecto de "escritura en vivo", como ChatGPT. Eso se siente moderno y mantiene al usuario enganchado.
  • Formulario inline inteligente. Cuando la IA detecta interés, el formulario de captura aparece dentro de la conversación, en el momento justo — no como un pop-up molesto.

Técnicamente, el widget abre una conexión de streaming contra una API Route de Next.js (/api/chat). Esa ruta hace de intermediaria segura: recibe el mensaje, lo manda a n8n y devuelve la respuesta. La clave: nunca expone llaves ni URLs sensibles al navegador.

2. El cerebro: n8n como orquestador

Aquí está la decisión de arquitectura más importante. En vez de que el sitio web llame directamente a la IA, delega todo en n8n.

¿Por qué? Porque convierte a n8n en un cerebro que puedo editar sin tocar el código ni volver a desplegar el sitio:

  • ¿Quiero cambiar el tono o el guion de ventas? Edito un nodo en n8n.
  • ¿Quiero cambiar de modelo de IA? Un clic.
  • ¿Quiero que consulte mi calendario, mi catálogo o mi CRM antes de responder? Agrego nodos.

El workflow en n8n es sencillo:

[Webhook] → [AI Agent + Memoria] → [Responder]
  • El Webhook recibe el mensaje del sitio.
  • El AI Agent lleva el "personaje" de Aura (su personalidad, los servicios, la forma de vender) y una memoria por sesión, para que recuerde lo que hablaron antes en la misma conversación.
  • Responder devuelve el texto al sitio.

Esta es la parte que separa un chatbot de juguete de uno que vende: la inteligencia vive en un lugar editable, afinado conversación tras conversación.

3. La IA: velocidad y modelos abiertos con Groq

Para que el bot "piense" y redacte, necesitaba un modelo de lenguaje. Elegí Groq por una razón concreta: la velocidad.

Groq corre modelos abiertos (como Llama) en un hardware especializado que los hace volar — las respuestas salen casi instantáneas. Y en una conversación de ventas eso lo es todo: cada segundo de espera es una oportunidad de que el visitante se vaya.

Nota honesta: parte de la maña está en elegir el proveedor adecuado para cada cliente según privacidad, volumen y velocidad. Como toda la IA vive detrás de n8n, cambiar de modelo o de proveedor es cuestión de minutos, sin reescribir nada del sitio.

Esa es otra ventaja del enfoque modular: el motor de IA es intercambiable. Si un negocio maneja datos sensibles, se ajusta el proveedor sin rehacer el sistema.

4. Las notificaciones: Telegram al instante

¿De qué sirve capturar un lead si te enteras tres días después? Por eso conecté la captura a Telegram.

Cuando alguien completa el formulario del chat, el sitio manda los datos a otro webhook de n8n, que dispara un mensaje a mi Telegram:

🟢 Nuevo lead desde la web
👤 Nombre: María Torres
📞 Contacto: 55 8899 1020
💬 Conversación:
Cliente: Necesito una landing para mi consultorio...
Aura: ¡Perfecto! Una Landing Express encaja genial...

Llega en segundos, a mi celular, con el contexto completo. Y si lo prefieres, el mismo lead puede ir a Google Sheets, a tu correo, a WhatsApp o directo a tu CRM — es solo cambiar el destino en n8n.

Por qué esto vence a las plataformas "enlatadas"

Existen plataformas de "chatbot como servicio" que te rentan un bot genérico mes a mes. El problema no es solo el precio recurrente: es que tus datos viven en su plataforma, no en la tuya, el bot habla con la personalidad de su molde y no de tu marca, y estás atado a lo que su producto te deje hacer.

Un asistente hecho a medida es distinto: es tuyo. Corre sobre tu propia infraestructura, habla con tu voz, se conecta a tus herramientas y crece contigo. No rentas un vendedor prestado — construyes uno propio.

Lo que esto significa para tu negocio

No te conté todo esto para presumir el stack. Te lo conté porque esto mismo lo puedes tener en tu web. Las piezas existen, y bien ensambladas se convierten en un vendedor que nunca duerme, califica solo y te entrega leads listos para cerrar.

Y si te fijas, este post es la mejor demostración posible: el bot del que te hablo está vivo en esta misma página. No es una promesa, es una prueba que puedes tocar ahora mismo.

¿Quieres uno así para tu negocio —conectado a tu WhatsApp, tu CRM o lo que uses? Hablemos 30 minutos. Te muestro exactamente cómo se vería en tu caso, y la primera consulta es gratis.

El futuro de la atención al cliente no es complicado. Solo hay que saber ensamblar las piezas correctas — y eso es justo lo que hago.