Bauplan: Website-Chatbot
Ein Chatbot für deine Website, der nur aus deinen Unterlagen antwortet, als KI gekennzeichnet ist, nichts speichert und bei kleinen Betrieben meist unter einem Euro im Monat kostet – mit Fangfragen-Test, bevor er online geht.
Neu in Version 1.1.0: Neuer Befehl /aktualisieren: prüft, ob es eine neuere Version gibt, und übernimmt sie, ohne deine Daten anzufassen. Hast du eine ältere Version? Lade die neue herunter und sag Claude in deinem Bauplan-Ordner: „/aktualisieren“ – oder bei Version 1.0: „Die neue Version liegt als ZIP in Downloads. Pack sie nach neue-version/ aus und folge dort der Anleitung .claude/skills/aktualisieren/SKILL.md.“
Stand 25. Oktober 2026 · Wir prüfen die Inhalte regelmäßig gegen die aktuellen Programme. Was ist neu?
Die Anleitung auf dieser Seite ist kostenlos – du kannst alles selbst nachbauen. Das Paket spart dir die Arbeit: fertige Vorlagen und Werkzeuge, getestet und auf deutsches Recht ausgerichtet.
- So läuft es: ZIP herunterladen, Ordner in Claude Code öffnen, „Hallo, lass uns anfangen“ sagen. Claude baut es Schritt für Schritt mit dir auf – meist in 20 bis 60 Minuten. Es läuft nicht von allein ohne dich.
- Du brauchst: ein eigenes Claude-Abo (Pro, rund 20 € im Monat) und je nach Bauplan Python oder eigene Konten – siehe „Kosten“ auf dieser Seite.
- Einmal zahlen: kein Abo, nichts zu kündigen. 12 Monate neue Versionen inklusive.
- Kein Widerrufsrecht: Du lädst sofort herunter, deshalb kannst du den Kauf nicht zurückgeben. Lies vorher die Anleitung unten – dann weißt du genau, was du bekommst.
Bezahlen über Stripe, Rechnung mit 19 % USt. Nach dem Kauf geht der Download sofort los und bleibt unter „Meine Pakete“.
Besucher deiner Website fragen immer wieder dasselbe: Was kostet das? Habt ihr am Wochenende offen? Kommt ihr auch zu mir? Mit diesem Bauplan baust du einen Chatbot, der diese Fragen rund um die Uhr beantwortet – nur aus deinen eigenen Unterlagen.
Was ihn von „irgendeinem Chatbot“ unterscheidet:
- Er erfindet nichts. Steht etwas nicht in deinen Unterlagen, sagt er das ehrlich und nennt deinen Kontaktweg. Unter jeder Antwort steht, aus welcher Unterlage sie stammt.
- Er hält sich an Regeln, die schon eingebaut sind: keine Rabatte, keine festen Termine, keine Rechtsberatung, kein Gedicht auf Bestellung, keine Kontonummern wiederholen – und wer fragt, erfährt, dass er mit einer KI spricht.
- Er wird geprüft, bevor er online geht. Zwölf Fangfragen versuchen, ihn auszutricksen, dazu deine eigenen Fragen. Claude liest jede Antwort mit dir durch.
- Er ist sparsam und gesichert: Antworten von Claude Haiku 5.5 mit Zwischenspeicher, höchstens 10 Fragen pro Minute und Besucher, nur auf deinen Websites nutzbar, Ausgabenlimit Pflicht.
- Er speichert nichts. Keine Cookies, kein Browser-Speicher, keine Gesprächsprotokolle. Die Rechts-Checkliste und die Angaben für deine Datenschutzerklärung liegen bei.
Ein Bauplan ist ein fertiger, getesteter Ordner, durch den dich Claude Code führt – wie der Assistent aus Stufe 4. Die Hintergründe zu Pflichten und Technik stehen in der Vertiefung „Chatbot mit eigenem Wissen“ (R.6 und R.7); du musst sie aber nicht vorher gemacht haben.
Schritt für Schritt
Prüf, ob alles da ist. Claude-Abo mit Claude Code (Pro reicht, Lektion 3.2), Node.js (kostenlos, Claude hilft beim Installieren), eine Website, in die du ein Stück Code einfügen darfst – zum Beispiel deine Website aus dem Bauplan „Website-Umbau“, WordPress, oder Wix bzw. Jimdo im bezahlten Tarif.
Lade den Bauplan herunter. Klick hier: Website-Chatbot herunterladen. Pack die ZIP-Datei aus (Mac: Doppelklick, Windows: Rechtsklick → „Alle extrahieren…“) und leg den Ordner in deine Dokumente.
Öffne ihn in Claude Code. In der Claude Desktop-App im Bereich „Code“, unter dem Eingabefeld „Local“, dann „Open folder…“. Nachfrage-Modus auf „Manual“ lassen.
Schau dir erst das Beispiel an. Im Ordner steckt ein erfundener „Malerbetrieb Max Muster“ mit fertigem Wissen.
Claude startet eine Vorschau auf deinem Rechner. Du siehst das Chat-Fenster, wie es auf einer Website aussieht – kostenlos, ohne Konto, noch ohne echte Antworten.
Hallo, lass uns anfangen. Zeig mir erst das Beispiel.
Sammle dein Wissen. Das ist der wichtigste Schritt. Claude fragt dich nach Leistungen, Preisen, Zeiten, Ablauf – und ausdrücklich danach, was du nicht machst. Daraus entstehen kurze Dateien im Ordner wissen. Hast du eine Website, übernimmt Claude die Texte von dort. Alles im Wissen kann ein Besucher zu sehen bekommen – also nur Öffentliches.
Leg deine Einstellungen fest. Name des Assistenten, „du“ oder „Sie“, Begrüßung, Firmenfarbe und der wichtigste Satz: wie man einen Menschen erreicht. Den nennt der Chatbot immer, wenn er nicht weiterweiß.
Teste mit echten Antworten.
Du legst ein kostenloses Konto bei Netlify an und meldest dich an. Den API-Schlüssel erstellst du selbst in der Claude Console (wie in Lektion A.5), setzt dort ein Ausgabenlimit und trägst den Schlüssel selbst bei Netlify ein – nie im Chat. Dann stellt Claude einen Entwurf online und schickt alle Fangfragen hindurch. Ihr lest die Antworten gemeinsam und bessert das Wissen nach.
/testen
Stell ihn online und bau ihn ein.
Eine Zeile Code in deine Website, fertig. Claude zeigt dir, wo sie bei deiner Website hingehört, und stellt die Angaben für deine Datenschutzerklärung zusammen.
/online
Plan den Monats-Check ein.
Einmal im Monat 15 Minuten: Kosten ansehen, Fangfragen erneut stellen, Wissen aktualisieren.
/pflegen
Ich richte gerade den Baustein „Bauplan: Website-Chatbot“ aus dem AWA Campus ein und hänge bei diesem Schritt: … Erklär ihn mir bitte einfacher, Schritt für Schritt. Ich bin Anfänger.
Wenn es hakt
Zuerst: Ist dein Rechner bereit? – Claude prüft das in zwei Minuten für dich.
- Der Chat sagt, dass er gerade nicht antworten kann. Meist fehlt der Schlüssel bei Netlify. Den trägst du selbst in den Einstellungen deiner Netlify-Seite ein, nie in den Chat. Claude zeigt dir, wo.
- Das Chat-Fenster erscheint nicht auf deiner Website. Entweder fehlt die Einbau-Zeile auf der Seite, oder die Adresse deiner Website steht nicht in der Liste der erlaubten Adressen. Sag Claude: „Prüf, warum das Chat-Fenster auf meiner Seite nicht erscheint.“
- Der Chat meldet „zu viele Fragen“. Das ist der Schutz vor Missbrauch: höchstens 10 Fragen pro Minute. Kurz warten.
- Die Einrichtung bricht beim Installieren ab. Meist fehlt Node.js oder es ist zu alt. Lass den Rechner-Check laufen.
Bei allen Bauplänen – die sieben häufigsten Stolpersteine
- Claude findet die Dateien des Bauplans nicht.
- Meist ist die ZIP-Datei nicht ausgepackt. Unter Windows sieht eine ZIP aus wie ein Ordner: Rechtsklick → „Alle extrahieren…“. Dann in Claude Code genau diesen ausgepackten Ordner öffnen, nicht „Dokumente“ oder „Downloads“.
- Claude Code fragt nach einem API-Schlüssel oder will, dass du dich anmeldest.
- Melde dich mit deinem normalen Claude-Konto an (Pro oder höher), in Claude Code mit
/login. Für Claude Code selbst brauchst du keinen API-Schlüssel. Nur der Website-Chatbot braucht einen eigenen Schlüssel für deine Website – den trägst du bei Netlify ein. Kopier nie einen Schlüssel in den Chat. - Beim ersten Öffnen kommt die Frage, ob du dem Ordner vertraust.
- Mit Ja bestätigen. Erst dann gelten die Einstellungen des Bauplans. Sonst fragt Claude bei jedem kleinen Befehl um Erlaubnis.
- „python3“ oder „node“ wird nicht gefunden.
- Sag Claude: „Prüf bitte, ob Python bzw. Node.js installiert ist, und hilf mir beim Installieren.“ Am Mac bietet der Rechner Python beim ersten Mal selbst an. Unter Windows beim Installieren von python.org den Haken „Add python.exe to PATH“ setzen und danach Claude Code neu starten.
- Git meldet „Please tell me who you are“.
- Git braucht einen Namen fürs Sicherungsbuch. Sag Claude: „Trag für diesen Ordner meinen Namen und meine E-Mail-Adresse bei Git ein, nur hier, nicht global.“
- Claude sagt, dein Nutzungslimit ist erreicht.
- Das ist dein Claude-Abo, nicht der Bauplan. Claude nennt dir, wann es weitergeht. Bis dahin pausieren, nichts geht verloren.
- Etwas ist schiefgegangen oder sieht falsch aus.
- Jeder Bauplan sichert nach jedem Schritt mit Git. Sag Claude: „Mach den letzten Schritt rückgängig“ – gelöscht wird dabei nichts. Dateien, die plötzlich fehlen oder doppelt sind? Prüf, ob der Ordner in OneDrive oder iCloud liegt, und leg ihn in einen normalen Ordner auf deinem Rechner.
Ich richte den Bauplan „Website-Chatbot“ aus dem AWA Campus ein. Das passiert: … Diese Meldung steht da: … Finde die Ursache, erklär sie mir einfach und schlag mir den nächsten Schritt vor. Ändere erst etwas, wenn ich Ja sage.
Vorlage
Hallo, lass uns anfangen. Zeig mir erst das Beispiel.
Hier sind meine Unterlagen: [Preisliste, Öffnungszeiten, häufige Fragen]. Mach daraus das Wissen für den Chatbot. Schreib nichts hinein, was nicht in meinen Unterlagen steht – frag mich lieber.
Ein Kunde hat gefragt: „[Frage]“. Hätte der Chatbot das richtig beantwortet? Wenn nicht: Was fehlt im Wissen?
Unsere Preise haben sich geändert: [neue Preise]. Pass das Wissen an, prüf die betroffenen Fragen und stell es danach online.
- dein Wissen im Ordner
wissensteht und nichts Internes enthält, - die Fangfragen und deine eigenen Fragen mit echten Antworten bestanden sind,
- ein Ausgabenlimit in der Claude Console gesetzt ist,
- der Chatbot auf deiner Website läuft, auch am Handy,
- deine Datenschutzerklärung ergänzt ist,
- ein monatlicher Check im Kalender steht.
Wörter erklärt
- API-Schlüssel: das Passwort, mit dem dein Chatbot Claude nutzt und das auf deine Rechnung läuft. Er liegt nur bei Netlify.
- Netlify: ein Dienst, auf dem kleine Programme und Websites laufen – im kleinen Rahmen kostenlos.
- Fangfragen: Testfragen, die versuchen, den Chatbot zu Fehlern zu verleiten.
- Prompt Caching (Zwischenspeicher): Claude merkt sich dein immer gleiches Wissen kurz, sodass es bei weiteren Fragen viel günstiger ist.
- Probe-Modus: die Vorschau auf deinem Rechner – sieht aus wie echt, fragt aber noch nicht Claude und kostet nichts.
- Ausgabenlimit: eine Obergrenze pro Monat in der Claude Console. Ist sie erreicht, beantwortet die API keine Anfragen mehr – dein Chatbot nennt dann nur noch deinen Kontaktweg.