Typebot self-hosted: No-Code-Chatbot-Builder

IRC-Mania Die Seite rund um Sicherheit und Programmierung

Internet, Sicherheit , Internet Relay Chat

Gesponsert

Was dieser Artikel behandelt

• Was Typebot ist: Open-Source-Chatbot-Builder mit Drag-and-Drop-Flows.
• Docker-Setup (Typebot braucht zwei Services: Builder + Viewer).
• Chat-Flows bauen: Blöcke, Bedingungen, Variablen, Sprünge.
• Ollama-Anbindung für KI-Antworten im No-Code-Flow.
• Website-Einbettung und Vergleich zu selbst programmierten Bots.

Einleitung

Typebot ist die beste Open-Source-Alternative zu Landbot/Tidio: ein visueller Chatbot-Builder, in dem Du Konversations-Flows per Drag-and-Drop baust: Text-Blöcke, Buttons, Eingaben, Bedingungen, Integrationen. Kein Code nötig für die Flow-Logik.

Der besondere Reiz für KI-Self-Hoster: Typebot kann HTTP-Requests ausführen, damit rufst Du Ollama aus dem Flow heraus auf und bekommst einen No-Code-KI-Chatbot für Deine Website, komplett lokal.

Typische Anwendungsszenarien

• Website-Support-Bot: FAQ + KI-Fallback für offene Fragen, ohne Programmierung.
• Lead-Qualifizierung: Flow fragt Budget/Bedarf ab, KI bewertet, Hot-Leads ins CRM.
• Onboarding-Assistent: Neue Nutzer durch Setup-Schritte führen.
• Feedback-Sammler: Strukturierte Umfragen als Chat-Dialog.
• Interner FAQ-Bot: Mitarbeiter-Fragen mit RAG beantworten.

Installation: Docker

Typebot braucht zwei Services: den Builder (Flow-Editor) und den Viewer (öffentliche Bot-Runtime), plus Postgres und optional MinIO für Dateien:

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:

Flows bauen: die Bausteine

• Bubbles: Text, Bilder, Video, was der Bot anzeigt.
• Inputs: Text, E-Mail, Buttons, Datei-Upload, Zahl, was der Nutzer eingibt.
• Logic: Bedingungen (if/else), Variablen setzen, Sprünge, A/B-Tests.
• Integrations: HTTP Request, Google Sheets, OpenAI-Block (auf Ollama umbiegbar!), Webhooks.

Ollama im Flow: KI ohne Code

Typebot hat einen HTTP-Request-Block, damit rufst Du 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)

Dann einen Text-Bubble-Block mit {{ki_antwort}}, fertig ist der KI-Chatbot ohne Code.

OpenAI-Block auf Ollama umbiegen

Typebot hat einen nativen OpenAI-Block. Ollama ist OpenAI-API-kompatibel, statt api.openai.com einfach http://ollama:11434/v1 als Base-URL konfigurieren und ein lokales Modell wählen. Funktioniert out-of-the-box.

Website-Einbettung

Der Viewer generiert ein Snippet für Deine Website:

<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>

Varianten: Bubble (Chat-Icon unten rechts), Popup, Standard-Embed (inline im Content), Full-Page.

Erweiterungen

RAG im No-Code-Flow

User-Input → HTTP-Block: Embedding (Ollama /api/embeddings)
    → HTTP-Block: Qdrant-Suche mit Embedding
    → HTTP-Block: Ollama chat mit Top-Kontext im System-Prompt
    → Antwort-Bubble

Alles mit Typebot-Blöcken, kein Code, aber echte RAG-Pipeline.

Lead-Scoring

Buttons für Budget-Zeitrahmen → Variablen → Bedingung: Score > X → HTTP-Block postet Lead an Twenty CRM oder n8n-Webhook.

Fallback zu Mensch

Bedingung „KI unsicher” → Übergabe an Chatwoot für menschlichen Agenten oder E-Mail-Benachrichtigung.

Sicherheit

• Zwei URLs: Builder (Admin) und Viewer (öffentlich) getrennt hosten: Builder nicht öffentlich.
• HTTPS: Viewer muss TLS haben (Website-Einbettung).
• SMTP: Für Login-Magic-Links, eigener Mail-Server.
• Rate-Limiting: Viewer ist öffentlich: Missbrauchsschutz beachten.

Typebot vs. selbst programmierter Bot

Weiterführende Links

• IRC-Coding.de: Vertiefende Programmier-Tutorials: HTTP-APIs, Flow-Design.
• Chatwoot: Menschliche Übergabe.
• Ollama API: HTTP-Schnittstelle.
• Web-Chatbot: Programmierte Alternative.
• Docker: Deployment-Grundlagen.

Key Takeaways:

• Typebot = Open-Source-Chatbot-Builder mit Drag-and-Drop, kein Code nötig.
• HTTP-Request-Block oder OpenAI-Block (auf Ollama umgebogen) = KI im Flow.
• Zwei Services nötig: Builder (Admin) + Viewer (öffentlich).
• Killer-Use-Case: Website-FAQ-Bot mit lokaler KI ohne eine Zeile Code.
• Für komplexe Agenten-Logik ist Programmierung mächtiger: Typebot ist der No-Code-Einstieg.

FAQ

Quellen und weiterführende Literatur

• Typebot: GitHub.
• Typebot Docs: Dokumentation.
• IRC-Coding.de: Programmier-Tutorials.

Premium VPS Hosting

Schnelle und sichere VPS Server

Gesponsert