ChatGPT-Integration
Live-Chat zu einer mit ChatGPT erstellten Website hinzufügen
Deine Website ist aus einem Gespräch mit ChatGPT entstanden, oder Codex hat sie in deinem Repository programmiert. Für einen Chat bleibst du einfach im Gespräch: Hooky-Prompt einfügen, geänderte Dateien holen, hochladen. Danach antwortest du vom Handy.
Warum ein Chat auf einer mit ChatGPT gebauten Website
ChatGPT hat dir in ein paar Nachrichten eine Website gebaut. Was fehlt, ist der Draht zu deinen Besuchern: die, die ein Angebot, einen Termin, eine Auskunft wollen. Statt eines Formulars und eines Postfachs, das du im Blick behalten musst, setzt Hooky eine Chat-Bubble auf deine Seiten und die Nachrichten in deine Tasche.
In einem ChatGPT-Gespräch
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 ChatGPT deine Website geschrieben hat, oder öffne ein neues mit deinen HTML-Dateien im Anhang, und füge den Prompt ein.
Hol dir die geänderten Dateien: Jede Seite sollte das Tag direkt vor
</body>haben, sonst nichts Neues. Vergleich kurz mit der alten Version.Ersetze die alten Dateien bei deinem Hoster (Netlify, Vercel, GitHub Pages, dein Webhoster …).
Der Prompt für ChatGPT
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, kürze nichts und ändere sonst nichts. Gib mir jede geänderte Datei vollständig zurück, bereit, die alte zu ersetzen.
„Kürze nichts“ ist wichtig: Bei einer langen Datei ist eine KI versucht, Teile des Codes abzukürzen. Prüf, ob die Dateien ungefähr gleich groß bleiben.
Mit Codex
Liegt deine Website in einem GitHub-Repository, gib die Aufgabe an Codex: Füg denselben Prompt ein, Codex findet das gemeinsame Template, setzt das Tag und schlägt dir die Änderung zur Prüfung vor. Nach dem Merge deployt dein Hoster die Website wie gewohnt.
Codex kann auch unsere Doku für KIs lesen: Beginne den Prompt mit „Lies https://heyhooky.com/llms.txt“, dann kann er auch Anmeldungen oder Bestellungen mit Hooky.track zählen.
Prüfen, ob die Bubble erscheint
Öffne deine Live-Website und lade neu: Die Bubble ist unten. Schick eine Testnachricht: Sie landet unter Nachrichten. Die Vorschau in ChatGPT (Canvas) ist nicht deine Website: Dort erscheint die Bubble eventuell nicht, teste also immer auf der veröffentlichten Adresse.
Nichts? Prüfe, ob die neuen Dateien online sind (Cache leeren), ob das Tag auf der geöffneten Seite steht und ob deren Adresse in den erlaubten Adressen der Website in Hooky steht.
Deinen Besuchern antworten
Du antwortest in der Hooky-App (iPhone, iPad, Mac, Android) oder im Web-Dashboard. Deine Besucher schreiben ohne 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, mit einem Link zurück ins Gespräch.
Häufige Fragen
ChatGPT hat einen Schlüssel erfunden
Der Schlüssel kommt immer aus deinem Hooky-Konto, unter Websites. Kopier den Prompt von dort: Er enthält den echten. Ein erfundener Schlüssel funktioniert nicht, und die Bubble bleibt einfach unsichtbar.
Meine Website ist eine einzige HTML-Seite
Das ist der einfachste Fall: eine Zeile vor </body>, fertig. Die kannst du sogar selbst in einem Texteditor einfügen.
Kann ChatGPT mein Hooky-Konto anlegen?
Dafür braucht es ein Tool, das eine Anfrage an unsere API schicken kann, etwa Codex oder einen Agenten mit Terminal-Zugang. Details in der Doku. Sonst legst du dein Konto selbst an: kostenlos und schnell.
In welcher Sprache spricht die Bubble?
In der deiner Seite (<html lang>): Deutsch, Englisch, Französisch, Spanisch, Portugiesisch oder Italienisch. Sonst in der Browsersprache des Besuchers.
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.