Claude-Integration
Live-Chat zu einer mit Claude erstellten Website hinzufügen
Du hast deine Website im Gespräch mit Claude gebaut, auf claude.ai oder mit Claude Code. Mach einfach so weiter: Füge den Hooky-Prompt ins Gespräch ein, und Claude ergänzt deine Seiten um die Chat-Bubble. Danach antwortest du deinen Besuchern vom Handy.
Warum ein Chat auf einer mit Claude gebauten Website
Claude hat dir beim Schreiben der Website geholfen; deinen Besuchern antworten wird er nicht. Du schon, solange sie dich einfach erreichen können. Die Hooky-Bubble kommt mit einer Zeile dazu, ohne Backend, und der Posteingang steckt in deiner Tasche.
In einem Gespräch auf claude.ai
Erstelle dein Hooky-Konto (kostenlos für eine Website), lege deine Website an und kopiere den Prompt unter Websites: Der Schlüssel ist schon drin.
Geh zurück in das Gespräch, in dem du die Website gebaut hast (oder öffne ein neues und hänge deine HTML-Dateien an), und füge den Prompt ein.
Hol dir die geänderten Dateien: Claude gibt dir jede Seite mit dem Tag direkt vor
</body>zurück.Lade sie hoch, dort wo deine Website gehostet ist (Netlify, Vercel, GitHub Pages, dein Hoster …), anstelle der alten Dateien.
Der Prompt für Claude
Füge die Hooky-Chat-Bubble zu meiner Website hinzu, auf allen Seiten. Setze dieses Tag einmal pro Seite direkt vor </body> ein (oder einmal im gemeinsamen Template, falls es eines gibt):
<script src="https://heyhooky.com/widget.js" data-site-key="DEIN_OEFFENTLICHER_SCHLUESSEL" async></script>Ändere weder die Script-Adresse noch das Attribut data-site-key, und ändere sonst nichts. Gib mir jede geänderte Datei vollständig zurück, bereit, die alte zu ersetzen.
Die Vorschauen auf claude.ai (Artifacts) schränken Skripte von anderen Websites ein: Die Bubble erscheint dort eventuell nicht. Das ist normal; teste auf deiner Live-Website.
Mit Claude Code
Claude Code arbeitet direkt in den Dateien deines Projekts: Gib ihm denselben Prompt, er findet das gemeinsame Template (index.html, app/layout.tsx, ein Astro-Layout …) und setzt das Tag. Prüf die Änderung, dann deploye wie gewohnt.
Noch kürzer: Claude Code kann dein Hooky-Konto selbst anlegen. Sag ihm:
Claude Code alles machen lassen
Lies https://heyhooky.com/llms.txt, erstelle mir dann ein Hooky-Konto mit der E-Mail lila@beispiel.de und installiere die Bubble auf https://deineseite.de
Er ruft die Registrierungs-API von Hooky auf, bekommt das Tag deiner Website und installiert es. Du erhältst eine E-Mail „Dein Hooky-Konto ist bereit“: Klick innerhalb von 7 Tagen auf Mein Konto aktivieren. Claude sieht weder den Aktivierungslink noch deine Nachrichten. Details in der Doku.
Prüfen, ob die Bubble erscheint
Öffne deine Live-Website und lade neu: Die Bubble ist unten. Schick dir eine Nachricht: Sie landet unter Nachrichten. Nichts? Prüfe, ob die neuen Dateien online sind (Cache leeren), ob das Tag auf der angezeigten Seite steht und ob die Adresse in den erlaubten Adressen der Website in Hooky steht. Zum lokalen Testen trag localhost ein.
Deinen Besuchern antworten
Du antwortest in der Hooky-App (iPhone, iPad, Mac, Android) oder im Web-Dashboard, mit einer Benachrichtigung bei jeder Nachricht. Deine Besucher brauchen kein Konto, können ein Foto oder ein PDF anhängen, und gehen sie nach Angabe ihrer E-Mail, folgt ihnen deine Antwort per E-Mail.
Und um zu wissen, was auf deiner Website passiert, sag Claude: „Zähl die Anmeldungen mit Hooky.“ Er setzt Hooky.track an die richtige Stelle (Doku).
Häufige Fragen
Wozu der Link zu llms.txt?
Das ist unsere Doku in einem Format, das KIs direkt lesen. Damit weiß Claude, wie man die Bubble installiert, ein Konto anlegt und Statistiken zählt, ohne einen Schlüssel zu erfinden.
Kann Claude mein Konto von claude.ai aus anlegen?
Dafür muss er eine Anfrage an die Hooky-API schicken können, was Claude Code kann. In einem normalen Gespräch legst du dein Konto selbst an (zwei Minuten) und fügst den Prompt ein.
Meine Website ist noch nicht online
Veröffentliche sie zuerst: Die Bubble braucht eine echte Adresse. Eine als Datei geöffnete Seite (file://) hat keine.
Und der MCP-Server?
Der kommt bald: Dann kann Claude Code Hooky selbst installieren, ohne Prompt. Bis dahin erledigt llms.txt schon fast alles.
Weitere Tools
Deine Besucher haben Fragen. Antworte, wo immer du bist.
Kostenlos für eine Website, mit einem Prompt installiert. Danach reicht das Handy in der Tasche.