Replit-Integration
Live-Chat zu deiner Replit-App hinzufügen
Der Replit Agent baut deine App, Replit veröffentlicht sie unter einer replit.app-Adresse. Damit deine Besucher mit dir reden können, gib dem Agent den Hooky-Prompt, veröffentliche neu und antworte vom Handy.
Warum ein Chat in einer Replit-App
Eine Replit-App ist oft ein echtes Produkt: eine Terminbuchung, ein internes Tool, ein kleines SaaS. Deine ersten Nutzer werden irgendwo hängen bleiben, und das willst du sofort wissen, nicht drei Tage später per E-Mail. Mit der Hooky-Bubble schreiben sie dir direkt aus der App, ohne Konto, und du antwortest, wo immer du bist.
Hooky mit dem Replit Agent installieren
Erstelle dein Hooky-Konto (kostenlos für eine Website) und lege deine App mit ihrer veröffentlichten Adresse an, zum Beispiel
meine-app.replit.app.Kopiere den Prompt unter Websites: Der Schlüssel deiner Website ist schon drin. Hier die Version für Replit.
Füge ihn in das Prompt-Feld des Replit Agent ein und prüfe in der Preview, dass die App weiter funktioniert.
Veröffentliche neu: Publish oben rechts im Editor. Die veröffentlichte Version ändert sich erst, wenn du erneut veröffentlichst: Das ist Absicht, damit du weiterarbeiten kannst, ohne die Live-App zu beschädigen.
Der Prompt für den Replit Agent
Füge die Hooky-Chat-Bubble zu dieser App hinzu, auf allen Seiten. Setze dieses Tag ein einziges Mal direkt vor </body> ein, im HTML-Template, das alle an den Browser gesendeten Seiten teilen (client/index.html oder index.html bei React mit Vite, app/layout.tsx mit der Script-Komponente aus next/script bei Next.js, das Basis-Template bei Flask oder Django):
<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. Füge keinen weiteren Code hinzu, weder auf dem Server noch im Client: Die Bubble erscheint von selbst, unten auf dem Bildschirm.
Preview, replit.app und deine Domain
Replit hat zwei Adressen: die Entwicklungsvorschau unter replit.dev, vorübergehend (Replit weist darauf hin, dass sie sich ändern kann), und die veröffentlichte App unter replit.app oder deiner Domain. Trag in Hooky die veröffentlichte Adresse und deine Domain ein. Um die Bubble auch in der Preview zu sehen, ist es am einfachsten, noch keine Adresse einzutragen: Dann funktioniert sie überall.
Ist deine App geschützt (Passwort, nur Workspace, Einladungen), sehen die Bubble nur Leute mit Zugang: Das ist so gewollt.
Prüfen, ob die Bubble erscheint
Öffne die veröffentlichte Adresse, nicht nur die Preview: Die sehen deine Besucher. Die Bubble ist unten. Schick eine Nachricht: Sie landet unter Nachrichten und auf deinem Handy. Nichts? Neu veröffentlichen, erlaubte Adressen prüfen, ohne Cache neu laden.
Antworten und deine App im Blick behalten
Du antwortest in der Hooky-App (iPhone, iPad, Mac, Android) oder im Web-Dashboard. Deine Nutzer können einen Screenshot oder ein PDF anhängen: praktisch bei einem Bug. Gehen sie vor deiner Antwort und haben ihre E-Mail hinterlassen, bekommen sie sie per E-Mail.
Deine Replit-App hat einen Server: Nutz ihn. Lass den Agent deine Events (anmeldung, bestellung) mit dem geheimen Schlüssel der Website an die Hooky-API schicken, abgelegt in den Replit-Secrets, und bei jeder Bestellung eine Benachrichtigung im Kanal der Website posten. Siehe Doku.
Häufige Fragen
Brauche ich einen bezahlten Replit-Plan?
Für Hooky nicht. Du brauchst nur eine veröffentlichte App; laut Replit gibt es das Veröffentlichen in allen Plänen, mit Grenzen im kostenlosen Plan (eine veröffentlichte App, die nach 30 Tagen abläuft). Prüf die aktuellen Bedingungen bei Replit.
Der Agent hat Server-Code für Hooky hinzugefügt
Die Bubble braucht keinen: Lass ihn diesen Code wieder entfernen und nur das Tag im HTML-Template behalten.
Wo lege ich den geheimen Schlüssel der Website ab?
In den Replit-Secrets (eine Umgebungsvariable wie HOOKY_SECRET_KEY), nie im Code, der an den Browser geht. Der öffentliche Schlüssel im Tag darf dagegen sichtbar sein: Das ist normal.
Meine Replit-App ist eine Handy-App
Die Hooky-Bubble ist für Webseiten gemacht: Sie funktioniert in einer Web-App im Browser, nicht in einer nativen App.
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.