Typebot auto-alojado: Constructor de Chatbots sin Código

IRC-Mania Die Seite rund um Sicherheit und Programmierung

Internet, Sicherheit , Internet Relay Chat

Gesponsert

Qué cubre este artículo

• Qué es Typebot: constructor de chatbots open source con flujos de arrastrar y soltar.
• Configuración en Docker (Typebot necesita dos servicios: Builder + Viewer).
• Construir flujos de chat: bloques, condiciones, variables, saltos.
• Integración con Ollama para respuestas impulsadas por IA en flujos sin código.
• Incrustación en sitios web y comparación con bots programados a medida.

Introducción

Typebot es la mejor alternativa open source a Landbot y Tidio: un constructor visual de chatbots donde creas flujos de conversación arrastrando y soltando componentes, texto, botones, entradas, condiciones e integraciones. Sin necesidad de código para la lógica del flujo.

El atractivo especial para quienes autoalojan IA: Typebot puede ejecutar solicitudes HTTP, lo que te permite invocar Ollama directamente desde el flujo y obtener un chatbot con IA sin código para tu sitio web, completamente local.

Casos de uso típicos

• Bot de soporte en sitio web: preguntas frecuentes con IA como respaldo para consultas abiertas, sin programación.
• Calificación de clientes potenciales: el flujo consulta presupuesto y necesidades, la IA evalúa y envía clientes calificados al CRM.
• Asistente de incorporación: guía a nuevos usuarios a través de pasos de configuración.
• Recopilador de comentarios: encuestas estructuradas como diálogos de chat.
• Bot de preguntas frecuentes interno: responde preguntas de empleados con RAG.

Instalación: Docker

Typebot requiere dos servicios: el Builder (editor de flujos) y el Viewer (runtime público del bot), más Postgres y opcionalmente MinIO para archivos:

services:
  typebot-builder:
    image: baptistearno/typebot-builder:latest
    ports: ["127.0.0.1:3000:3000"]
    environment:
      - DATABASE_URL=postgresql://typebot:geheim@db:5432/typebot
      - NEXTAUTH_URL=https://builder.deine-domain.de
      - NEXT_PUBLIC_VIEWER_URL=https://bot.deine-domain.de
      - ENCRYPTION_SECRET=zufaellig-32-chars
      - SMTP_HOST=smtp.dein-server.de
      - SMTP_PORT=587
      - SMTP_USERNAME=bot@deine-domain.de
      - SMTP_PASSWORD=...
      - NEXT_PUBLIC_SMTP_FROM=bot@deine-domain.de
      - S3_ENDPOINT=minio
      - S3_BUCKET=typebot
      - S3_ACCESS_KEY=minioadmin
      - S3_SECRET_KEY=minio-geheim
    depends_on: [db]
    restart: always

  typebot-viewer:
    image: baptistearno/typebot-viewer:latest
    ports: ["127.0.0.1:3001:3000"]
    environment:
      - DATABASE_URL=postgresql://typebot:geheim@db:5432/typebot
      - NEXT_PUBLIC_VIEWER_URL=https://bot.deine-domain.de
      - ENCRYPTION_SECRET=zufaellig-32-chars
    depends_on: [db]
    restart: always

  db:
    image: postgres:16
    environment:
      POSTGRES_USER: typebot
      POSTGRES_PASSWORD: geheim
      POSTGRES_DB: typebot
    volumes: [pg_data:/var/lib/postgresql/data]
    restart: always

volumes:
  pg_data:

Construir flujos: los componentes

• Bubbles: texto, imágenes, videos, lo que muestra el bot.
• Inputs: texto, correo electrónico, botones, carga de archivos, números, lo que ingresa el usuario.
• Logic: condiciones (if/else), establecer variables, saltos, pruebas A/B.
• Integrations: solicitud HTTP, Google Sheets, bloque OpenAI (convertible a Ollama), webhooks.

Ollama en el flujo: IA sin código

Typebot tiene un bloque de solicitud HTTP con el que invocas Ollama:

Block: HTTP Request
  Method: POST
  URL: http://ollama:11434/api/chat
  Body:
    {
      "model": "llama3.1:8b",
      "messages": [
        {"role": "system", "content": "Du bist ein freundlicher FAQ-Bot. Kurze Antworten."},
        {"role": "user", "content": "{{user_input}}"}
      ],
      "stream": false
    }
  → Antwort in Variable {{ki_antwort}} speichern (message.content)

Luego añade un bloque de burbuja de texto con {{ki_antwort}}, y listo: un chatbot con IA sin escribir código.

Convertir el bloque OpenAI a Ollama

Typebot tiene un bloque OpenAI nativo. Ollama es compatible con la API de OpenAI, así que en lugar de api.openai.com simplemente configura http://ollama:11434/v1 como URL base y selecciona un modelo local. Funciona de inmediato.

Incrustación en sitio web

El Viewer genera un fragmento para tu sitio web:

<script type="module">
  import Typebot from 'https://bot.deine-domain.de/js/web.js'
  Typebot.initBubble({
    typebot: "mein-faq-bot",
    apiHost: "https://bot.deine-domain.de",
  });
</script>

Variantes: burbuja (icono de chat abajo a la derecha), ventana emergente, incrustación estándar (en línea en el contenido), página completa.

Extensiones

RAG en flujo sin código

User-Input → HTTP-Block: Embedding (Ollama /api/embeddings)
    → HTTP-Block: Qdrant-Suche con Embedding
    → HTTP-Block: Ollama chat con contexto superior en System-Prompt
    → Antwort-Bubble

Todo con bloques de Typebot, sin código, pero con un pipeline RAG genuino.

Puntuación de clientes potenciales

Botones para presupuesto y cronograma, variables, condición: puntuación > X, bloque HTTP publica cliente potencial en Twenty CRM o webhook de n8n.

Respaldo a agente humano

Condición “IA insegura”, transferencia a Chatwoot para un agente humano o notificación por correo electrónico.

Seguridad

• Dos URLs: aloja Builder (admin) y Viewer (público) por separado; no expongas Builder.
• HTTPS: Viewer debe tener TLS (incrustación en sitio web).
• SMTP: para enlaces mágicos de inicio de sesión, usa tu propio servidor de correo.
• Rate-limiting: Viewer es público, considera protecciones contra abuso.

Typebot versus bot programado a medida

Enlaces de interés

• IRC-Coding.de: tutoriales de programación en profundidad, APIs HTTP, diseño de flujos.
• Chatwoot: transferencia a agente humano.
• API de Ollama: interfaz HTTP.
• Chatbot web: alternativa programada.
• Docker: fundamentos de despliegue.

Lo más importante:

• Typebot es un constructor de chatbots open source con arrastrar y soltar, sin código necesario.
• Bloque de solicitud HTTP u OpenAI (redirigido a Ollama) = IA en el flujo.
• Se necesitan dos servicios: Builder (admin) + Viewer (público).
• Caso de uso principal: bot de FAQ en sitio web con IA local sin escribir una sola línea de código.
• Para lógica de agentes complejos, la programación es más potente: Typebot es el punto de entrada sin código.

Preguntas frecuentes

Fuentes y lecturas adicionales

• Typebot: GitHub.
• Typebot Docs: documentación.
• IRC-Coding.de: tutoriales de programación.

Premium VPS Hosting

Schnelle und sichere VPS Server

Gesponsert