KI-CAFE

• 1
  In n8n einloggenÖffne https://n8n.el42.de im Browser und melde dich mit deinen Zugangsdaten an.
• 2
  Neuen Workflow anlegenKlicke oben rechts auf „New Workflow“ und vergib einen Namen, z.B. „Mein erster Chatbot“.

  💡 Ein Workflow ist wie ein Rezept: Du beschreibst Schritt für Schritt, was passieren soll — n8n führt es automatisch aus.

• 3
  Chat Trigger hinzufügenKlicke auf das + in der Mitte der leeren Fläche. Suche nach Chat Trigger und füge ihn hinzu. Dies ist der Eingang deines Workflows — hier kommen Nachrichten an.
• 4
  AI Agent verbindenKlicke rechts neben dem Chat Trigger auf +, suche AI Agent und verbinde ihn.

  Chat Trigger→AI Agent
• 5
  Sprachmodell anschließenIm AI Agent Node: unten auf „Add Language Model“ klicken. Wähle OpenAI Chat Model → Modell: gpt-4.1-mini.
• 6
  Gedächtnis aktivierenIm AI Agent: „Add Memory“ → Window Buffer Memory. Damit erinnert sich der Bot an den bisherigen Gesprächsverlauf.
• 7
  Aktivieren & testenOben rechts den Schalter auf Active stellen. Dann beim Chat Trigger Node auf „Open Chat“ klicken und eine Nachricht schreiben!

  🎉 Dein Bot antwortet — auf deinem eigenen Server, nicht auf ChatGPT.

• 8
  Bonus: System-Prompt hinzufügenAI Agent Node → Feld „System Prompt“ → gib deinem Bot eine Rolle:

  Du bist ein freundlicher Assistent für das KI-Café am Hessencampus.
  Du antwortest immer auf Deutsch und hilfst den Teilnehmenden bei Fragen rund um n8n und KI.

Teil A — Dokument in die Wissensdatenbank laden

• 1
  Neuer Workflow: „Dokument laden“Erstelle einen neuen Workflow. Füge einen Form Trigger Node hinzu — dieser erstellt automatisch ein Upload-Formular.

  Im Formular: Füge ein Feld „Dokument“ vom Typ File hinzu.

• 2
  Text aufbereiten

  Form Trigger→Default Data Loader→Recursive Text Splitter

  Text Splitter-Einstellungen: Chunk Size ~500, Overlap ~200. Das zerlegt dein Dokument in suchbare Stücke.

• 3
  Qdrant Vector Store verbinden (Insert-Modus)Füge Qdrant Vector Store (Modus: Insert) hinzu. Collection Name: Ki-Cafe (oder einen eigenen Namen). Auch Embeddings OpenAI an den Qdrant Node anschließen.
• 4
  Workflow aktivieren und Dokument hochladenWorkflow aktivieren → Form-URL kopieren → im Browser öffnen → ein PDF, Word- oder Textdokument hochladen.

  In der Ausführungshistorie prüfen: Wurden Chunks geladen?

Teil B — Chatbot der das Wissen nutzt

• 5
  Neuer Workflow: „Chatbot mit Wissen“Erstelle einen neuen Workflow mit Chat Trigger → Question & Answer Chain.
• 6
  Retriever anschließenAn die Q&A Chain: Vector Store Retriever hinzufügen. An den Retriever: Qdrant Vector Store (Modus: Retrieve) + Embeddings OpenAI.
• 7
  Sprachmodell hinzufügen & testenAn die Q&A Chain: OpenAI Chat Model (gpt-4.1-mini) anschließen. Workflow aktivieren → im Chat testen!

Teil A — Chatbot auf einer Webseite einbinden

• 1
  Embed-Code aus n8n holenÖffne deinen Chatbot-Workflow. Klicke den Chat Trigger Node an. Dort findest du einen Tab „Embed“ — kopiere den angezeigten Code.
• 2
  Einfache HTML-Seite erstellenÖffne einen Texteditor und erstelle eine einfache HTML-Seite. Füge deinen Embed-Code ein, speichere als chatbot.html und öffne die Datei im Browser.

  → Chat-Widget erscheint unten rechts!

• 3
  Bonus: Widget-Aussehen anpassenIm Chat Trigger Node: Reiter „Appearance“ → Titel, Farbe und Begrüßungstext verändern.

Teil B — KI als persönlicher n8n-Assistent

• 4
  Workflow exportierenIn n8n: Oben rechts „…“ → „Download“ → du erhältst eine .json-Datei.
• 5
  KI erklärt den WorkflowÖffne ChatGPT oder Claude. Lade die JSON-Datei hoch und nutze diesen Prompt:

  🤖 Prompt„Das ist ein n8n-Workflow als JSON. Erkläre mir in einfachen Worten, was dieser Workflow macht — Schritt für Schritt, als würdest du es einem Anfänger erklären. Welche Nodes sind besonders wichtig?“
• 6
  KI hilft beim Erweitern

  🤖 Prompt„Ich möchte diesen n8n-Chatbot erweitern: Er soll zuerst erkennen, ob die Nachricht auf Deutsch oder Englisch ist, und dann in der gleichen Sprache antworten. Welche Nodes brauche ich?“

  ⚠️ KI macht Fehler — teste alle Änderungen in n8n bevor du ihnen vertraust!

• 1
  Was ist ein Webhook?Eine Webhook-URL ist wie eine Türklingel für deinen Workflow: Wenn jemand klingelt (= Daten sendet), startet n8n automatisch.

  Beispiel: Kontaktformular ausgefüllt → Webhook empfängt Daten → KI schreibt Antwort → E-Mail geht raus.

• 2
  Workflow mit Webhook-Trigger erstellenNeuen Workflow anlegen → Webhook Node hinzufügen.

  Einstellungen: HTTP Method POST, Path: eigener Name z.B. ki-cafe-test

  Du siehst zwei URLs: Test URL (zum Testen) und Production URL (für echten Betrieb).

• 3
  Webhook testenIm Webhook Node: „Listen for test event“ klicken. Dann in einem neuen Tab hoppscotch.io öffnen und eine POST-Anfrage an deine Test-URL schicken:

  { „name“: „Anna“, „nachricht“: „Hallo n8n!“, „thema“: „Test“ }
• 4
  Daten verarbeiten und antworten

  Webhook→Set Node→Respond to Webhook

  Im Set Node: Name: begruessung, Value: Hallo {{ $json.name }}, deine Nachricht wurde empfangen!

• 5
  Antwort zurückschickenIm Respond to Webhook Node: Response Body = {{ $json.begruessung }}

  Workflow aktivieren → Test wiederholen → du bekommst eine personalisierte Antwort zurück!

• 6
  Bonus: KI in den Webhook einbauenErsetze den Set Node durch einen AI Agent Node.

  🤖 System-Prompt für den AI Agent„Du bekommst Formulardaten als JSON. Schreibe eine freundliche, persönliche Bestätigungs-Nachricht auf Basis dieser Daten. Antworte auf Deutsch.“

Teil A — Verzweigungen mit dem If-Node

• 1
  Das SzenarioEin Webhook empfängt Anfragen mit einem Feld prioritaet (Wert: „hoch“ oder „normal“). Je nach Priorität nimmt der Workflow einen anderen Pfad.
• 2
  Workflow mit If-Node aufbauen

  Webhook→If Node

  Im If Node: Bedingung = {{ $json.prioritaet }} ist gleich hoch
  TRUE-Pfad: Set „DRINGEND“
  FALSE-Pfad: Set „Normal“

• 3
  TestenSende einmal { "prioritaet": "hoch" } und einmal { "prioritaet": "normal" }. In der Ausführungsansicht siehst du grün, welchen Pfad n8n genommen hat.

Teil B — Daten formen mit dem Set-Node

• 4
  Was macht der Set-Node?Er erzeugt neue Felder aus vorhandenen Daten — ohne Code, nur mit Ausdrücken.

  Felder kombinieren: {{ $json.vorname }} {{ $json.nachname }}

  Datum formatieren: {{ new Date().toLocaleDateString('de-DE') }}

• 5
  Mini-Projekt: Anmeldeformular automatisch beantworten

  Webhook→Set Node→AI Agent→Respond to Webhook

  Webhook empfängt: { "vorname": "Anna", "thema": "Excel" }
  Set Node baut: kontext = "Person: Anna, gebuchtes Thema: Excel"
  AI Agent schreibt eine freundliche Bestätigungsnachricht.

• 6
  KI als Formel-Helfer nutzen

  🤖 Prompt„In n8n möchte ich im Set-Node Folgendes machen: [beschreibe das Ziel]. Meine eingehenden JSON-Daten sehen so aus: [JSON einfügen]. Welche n8n-Expression ({{ }}) muss ich verwenden?“
• 7
  Bonus: Eigenen Workflow erfindenÜberlege: Welche Aufgabe wiederholst du regelmäßig, die n8n übernehmen könnte? Skizziere den Workflow auf Papier oder baue ihn direkt in n8n — präsentiere deine Idee in der nächsten Session!