Cómo Construí un Chatbot de Ventas con IA por Casi $0 (Groq + n8n + Telegram)
¿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 mejor: cuando alguien deja sus datos, me llega una notificación a Telegram al instante — con el resumen completo de la conversación. Todo automático. Y el costo de operarlo es prácticamente cero.
Este post es el detrás de cámaras. Te muestro exactamente cómo está construido, qué herramientas usé y por qué — para que entiendas el poder (y lo accesible) de esta tecnología hoy.
Lo que hace el chatbot (y por qué importa)
Antes del "cómo", el "para qué". Un chatbot 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.
Ahora sí, vamos a las tripas.
El stack completo
Aquí está todo lo que usé, y para qué sirve cada pieza:
| Pieza | Para qué | Costo |
|---|---|---|
| Next.js + React | El sitio web y el widget de chat | Gratis |
| Vercel | Hosting del sitio | Gratis (plan Hobby) |
| n8n | El "cerebro": orquesta la conversación | VPS ~$5/mes* |
| Groq (API) | El modelo de IA que redacta las respuestas | Gratis |
| Telegram Bot | Notificación instantánea de cada lead | Gratis |
* Si ya usas n8n para otras automatizaciones (como yo), el chatbot no te cuesta ni un peso extra.
Fíjate en algo: la única factura real es el servidorcito de n8n, y eso si no lo tienes ya. El chatbot en sí —la IA, las notificaciones, el hosting— corre en capas gratuitas.
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 puedes cambiar sin tocar el resto. Esa modularidad es justo lo que lo hace tan flexible.
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, los precios) y una memoria por sesión, para que recuerde lo que hablaron antes en la misma conversación.
- Responder devuelve el texto al sitio.
3. La IA: Groq y su capa gratuita
Para que el bot "piense" y redacte, necesitaba un modelo de lenguaje. Aquí mucha gente asume que hay que pagar la API de OpenAI o de Claude. Pero existe una opción gratuita y rapidísima: Groq.
Groq corre modelos abiertos (como Llama) en un hardware especializado que los hace volar — las respuestas salen casi instantáneas. Y su capa gratuita es lo bastante generosa para un sitio de negocio normal, sin necesidad de tarjeta.
Nota honesta: las capas gratuitas tienen límites de uso por minuto/día (más que suficientes para empezar) y, en planes free, el proveedor puede usar las conversaciones para mejorar sus modelos. Para un bot de captación suele ser aceptable; si manejas datos sensibles, se pasa a un plan de pago cambiando una sola llave.
Probamos también Google Gemini (otra capa gratuita excelente), pero en mi caso la cuota gratuita de mi proyecto venía en cero, así que Groq fue la salida limpia. Esa es otra ventaja del enfoque modular: cambiar de proveedor de IA fue cuestión de minutos.
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, gratis, a mi celular. Crear el bot de Telegram toma dos minutos con @BotFather. Y si 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.
El desglose de costos (la parte que te va a gustar)
Pongámoslo claro, mes a mes:
| Concepto | Costo mensual |
|---|---|
| IA (Groq, capa gratis) | $0 |
| Notificaciones (Telegram) | $0 |
| Hosting del sitio (Vercel Hobby) | $0 |
| n8n (si ya lo tienes) | $0 extra |
| n8n (VPS dedicado, si no lo tienes) | ~$5–6 |
Compáralo con las plataformas de "chatbot como servicio" comerciales, que cobran $50, $100 o más al mes — y encima tus datos viven en su plataforma, no en la tuya.
Un asistente de ventas con IA, atendiendo 24/7, por el precio de un café. Esa es la realidad de la tecnología hoy.
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, son accesibles, y bien ensambladas se convierten en un vendedor que nunca duerme.
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 caro ni complicado. Solo hay que saber ensamblar las piezas correctas.