Webflow-Integration
Live-Chat zu deiner Webflow-Website hinzufügen
In Webflow kommt die Hooky-Bubble in den Custom Code der Website, in den Footer: eine Zeile, eine Veröffentlichung, und deine Besucher können dir auf jeder Seite schreiben. Du antwortest vom Handy.
Warum ein Chat auf einer Webflow-Website
Mit Webflow baut man Websites, die konvertieren sollen: Agenturen, Produkte, Kanzleien. Eine Chat-Bubble ist der direkteste Kontakt, den du einem zögernden Besucher bieten kannst, auf allen Seiten, CMS-Seiten inklusive. Hooky braucht dafür eine Zeile, ohne Webflow-Interaktionen oder schweres Widget.
Bevor du anfängst
Website-weiter Custom Code ist im kostenlosen Webflow-Plan nicht verfügbar: Laut Webflow-Hilfe brauchst du einen aktiven bezahlten Site-Plan oder bestimmte Workspace-Pläne (Core, Growth, Agency oder Freelancer). Ohne sind die Custom-Code-Felder deaktiviert.
Hooky in Webflow installieren
Erstelle dein Hooky-Konto (kostenlos für eine Website), lege deine Website mit ihren Adressen an (
meine-seite.webflow.iound deine Domain) und kopiere das<script>-Tag unter Websites.Öffne die Website-Einstellungen in Webflow: Site settings, Tab Custom code.
Füge das Tag in Footer code ein (Code direkt vor
</body>, auf allen Seiten) und klicke auf Save changes.Veröffentliche die Website. Custom Code läuft nicht im Designer: Nur die veröffentlichte Version zeigt die Bubble.
Das Tag zum Einfügen (deins enthält den echten Schlüssel deiner Website):
<script src="https://heyhooky.com/widget.js" data-site-key="DEIN_OEFFENTLICHER_SCHLUESSEL" async></script>Warum Footer code statt Head code? Webflow empfiehlt, Skripte direkt vor </body> zu setzen, damit die Seite zuerst angezeigt wird. Die Bubble lädt ohnehin async.
Prüfen, ob die Bubble erscheint
Öffne deine veröffentlichte Website (die webflow.io-Adresse oder deine Domain) und lade neu: Die Bubble ist unten. Schick dir eine Nachricht: Sie landet unter Nachrichten und als Benachrichtigung auf deinem Handy.
Keine Bubble? Der Reihe nach: Wurde die Website nach dem Einfügen neu veröffentlicht? Steht das Tag im Footer code der Website (nicht einer einzelnen Seite)? Steht die geöffnete Adresse in den erlaubten Adressen der Website in Hooky?
webflow.io und deine Domain
Webflow veröffentlicht unter einer webflow.io-Adresse und deiner Domain. Trag beide auf der Seite der Website in Hooky ein: Du testest auf der einen, deine Kunden schreiben auf der anderen, und alles landet im selben Posteingang, mit denselben Statistiken.
Deinen Besuchern antworten
Du antwortest in der Hooky-App (iPhone, iPad, Mac, Android) oder im Web-Dashboard. Mit dem Studio-Plan antworten bis zu fünf Personen aus demselben Posteingang, jede für die Websites, die ihr zugewiesen sind: praktisch für eine Agentur, die die Webflow-Websites ihrer Kunden betreut.
Dein Besucher kann ein Foto oder ein PDF anhängen, und geht er nach Angabe seiner E-Mail, folgt ihm deine Antwort per E-Mail.
Häufige Fragen
Ich bin im kostenlosen Webflow-Plan
Dort sind die Custom-Code-Felder der Website deaktiviert: Für die Bubble brauchst du einen bezahlten Site-Plan (oder einen Workspace-Plan, der ihn enthält).
Kann ich stattdessen ein Embed-Element nehmen?
Ein Embed gibt es nur auf der Seite, auf der du es platzierst. Für eine Bubble überall ist Footer code in den Website-Einstellungen der richtige Ort.
Ich betreue mehrere Kunden-Websites in Webflow
Lege pro Webflow-Website eine Hooky-Website an: Jede hat ihren Schlüssel. Creator deckt zehn Websites ab, Studio fünfzig mit fünf Personen, und alles landet in einem Posteingang, filterbar nach Website.
Kann ich Angebotsanfragen zählen?
Ja, mit Hooky.track("angebot") nach dem Absenden des Formulars, über ein wenig Custom Code. Siehe Doku.
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.