Cómo Crear un Chatbot Personalizado con n8n: Para Web y WhatsApp

Por / / Blog / 4 minutos de lectura

N8n chatbot personalizado crear es uno de los usos más prácticos de n8n. Crear un chatbot personalizado con n8n es mucho más sencillo de lo que parece. Sin escribir código, puedes tener un chatbot con IA integrado en tu web, WhatsApp o Telegram en menos de una hora. En esta guía te muestro cómo hacerlo paso a paso, desde el chatbot más simple hasta uno con memoria y conocimiento de tus documentos.

Tipos de chatbot que puedes crear con n8n

  • Chatbot de soporte: responde preguntas frecuentes de clientes
  • Chatbot de ventas: califica leads y responde dudas sobre productos
  • Chatbot con base de conocimiento: responde usando tus documentos internos (RAG)
  • Chatbot multi-canal: el mismo agente en web, WhatsApp y Telegram

Opción 1: Chatbot integrado en n8n (el más rápido)

n8n incluye un Chat Trigger que crea una interfaz de chat lista para usar. Ideal para uso interno o pruebas.

Paso 1: Crear el workflow básico

  1. Crea un nuevo workflow
  2. Añade el nodo Chat Trigger
  3. Añade el nodo AI Agent
  4. En el AI Agent, conecta:
    • Chat Model: OpenAI Chat Model (gpt-4o) o Anthropic Chat Model
    • Memory: Window Buffer Memory (para recordar la conversación)
  5. Configura el system prompt del AI Agent

System prompt de ejemplo para soporte:

Eres el asistente virtual de [Tu Empresa]. Ayudas a los clientes con:
- Preguntas sobre productos y servicios
- Estado de pedidos
- Problemas técnicos básicos

Siempre sé amable y conciso. Si no puedes resolver algo, ofrece conectar con un agente humano.
Responde siempre en español.
  1. Activa el workflow
  2. Haz clic en "Open Chat" para usar el chat directamente en n8n

Paso 2: Compartir el chat

n8n genera una URL pública para el chat que puedes compartir con tu equipo o embedder en tu web con un iframe.

Opción 2: Chatbot para WhatsApp con Twilio

Para crear un chatbot en WhatsApp necesitas una API de WhatsApp. La más sencilla es Twilio Sandbox:

Configuración de Twilio

  1. Crea una cuenta en Twilio
  2. Ve a Messaging → Try it out → Send a WhatsApp message
  3. Sigue las instrucciones para conectar tu número al sandbox
  4. Anota el número del sandbox (+1 415 523 8886) y el código sandbox

Workflow de WhatsApp en n8n

Estructura:

Webhook (recibe mensaje de Twilio)
  → Set (extrae el mensaje y número)
  → AI Agent (genera respuesta)
  → HTTP Request (responde via Twilio API)

Nodo Webhook:

  • URL: copia la URL y pégala en Twilio como webhook de WhatsApp Incoming
  • Método: POST

Nodo Set (extraer datos de Twilio):

{
  "mensaje": $json.Body,
  "numero": $json.From
}

Nodo HTTP Request (responder por WhatsApp):

  • Método: POST
  • URL: https://api.twilio.com/2010-04-01/Accounts/[TU_ACCOUNT_SID]/Messages.json
  • Auth: Basic Auth con Account SID y Auth Token
  • Body (Form Data):
    • From: el número del sandbox de Twilio
    • To: {{ $('Set').item.json.numero }}
    • Body: {{ $('AI Agent').item.json.output }}

Memoria por número de teléfono

Para que cada usuario tenga su propia conversación, configura la memoria del AI Agent usando el número de teléfono como sessionId:

En el nodo Window Buffer Memory, configura:

  • Session Key: {{ $('Set').item.json.numero }}

Así cada número de teléfono tiene su propio historial de conversación.

Opción 3: Chatbot para Telegram

Telegram es más fácil de configurar que WhatsApp:

Paso 1: Crear el bot en Telegram

  1. Abre Telegram y busca @BotFather
  2. Envía /newbot
  3. Elige nombre y usuario para tu bot
  4. Copia el token que te da BotFather

Paso 2: Configurar n8n

  1. En n8n, añade el Telegram Trigger con tu token
  2. Selecciona Update Type: Message
  3. El workflow:
Telegram Trigger
  → AI Agent (con memoria por chat_id)
  → Telegram (Send Message)

Memoria por usuario en Telegram:

  • En Window Buffer Memory, usa {{ $json.message.chat.id }} como Session Key

Nodo Telegram — Send Message:

  • Chat ID: {{ $('Telegram Trigger').item.json.message.chat.id }}
  • Text: {{ $('AI Agent').item.json.output }}

Añadir comandos al bot de Telegram

Puedes responder a comandos como /start, /ayuda:

Añade un nodo Switch antes del AI Agent:

  • Si $json.message.text comienza con /start → envía un mensaje de bienvenida fijo
  • Si no → procesa con el AI Agent

Opción 4: Chatbot integrado en tu web

Para integrarlo en tu página web, usa el widget de chat de n8n:

  1. En el Chat Trigger, activa Allow Embedding
  2. Copia el código de embed que genera n8n
  3. Pega el código en el HTML de tu web
<script>
  window.n8nChatConfig = {
    webhookUrl: 'https://tu-n8n.com/webhook/chat',
    mode: 'window',
    chatInputKey: 'chatInput',
    chatSessionKey: 'sessionId',
    metadata: {},
    showWelcomeScreen: true,
    defaultLanguage: 'es',
    initialMessages: ['Hola, ¿en qué puedo ayudarte hoy?'],
    i18n: {
      es: {
        title: 'Asistente Virtual',
        subtitle: 'Te ayudo con tus preguntas',
        inputPlaceholder: 'Escribe tu mensaje...',
      }
    }
  };
</script>
<script src="https://cdn.jsdelivr.net/npm/@n8n/chat/dist/chat.umd.min.js"></script>

Añadir conocimiento específico al chatbot

Para que el chatbot responda con información de tus documentos, añade un Vector Store Tool al AI Agent:

  1. Sube tus documentos a Pinecone siguiendo el flujo de ingestión
  2. En el AI Agent, añade Vector Store Tool al slot Tools
  3. El agente buscará automáticamente en tus documentos cuando sea relevante

Conclusión

Crear un chatbot con n8n es accesible para cualquier empresa, sin necesidad de programadores. Desde el chatbot integrado en n8n para uso interno hasta un asistente en WhatsApp o tu web, las opciones son amplias. La clave está en definir bien el system prompt y añadir conocimiento específico de tu negocio a través de un vector store para respuestas precisas y útiles.

Entradas relacionadas