Framer-Integration
Live-Chat zu deiner Framer-Website hinzufügen
In Framer gibt es keinen Prompt: Du fügst eine Zeile in den Custom Code der Website ein, und ab der nächsten Veröffentlichung ist die Hooky-Bubble auf allen Seiten. Dann antwortest du deinen Besuchern vom Handy.
Warum ein Chat auf einer Framer-Website
Eine Framer-Website ist oft ein liebevoll gestaltetes Schaufenster: ein Studio, ein Freelancer, ein App-Launch. Wer dort landet, hat eine konkrete Frage („Hast du im März Zeit?“, „Was kostet ein Logo?“). Eine Chat-Bubble fängt sie im richtigen Moment ab, ohne Formular. Framer selbst nennt Live-Chats als typischen Einsatz für Custom Code.
Hooky in Framer installieren
Erstelle dein Hooky-Konto (kostenlos für eine Website), lege deine Website mit ihrer Adresse an (
meine-seite.framer.websiteoder deine Domain) und kopiere das<script>-Tag unter Websites.Öffne die Website-Einstellungen in Framer (Site Settings, in neueren Versionen Project Settings) und geh zum Bereich Custom Code.
Füge ein Skript hinzu: Add Script (oder +, wenn schon welche da sind), nenn es „Hooky“, füge das Tag ein und wähle als Position das Ende des <body>-Tags. Lass es auf allen Seiten; wenn nach der Ausführungshäufigkeit gefragt wird, wähle Once.
Veröffentliche die Website. Custom Code lädt nicht in der Canvas-Vorschau: 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>Framer benennt seine Menüs ab und zu um: Wenn du sie nicht findest, such in der Framer-Hilfe nach „Custom Code“. Wichtig ist: Code auf Website-Ebene (nicht für eine einzelne Seite), am Ende von <body>.
Prüfen, ob die Bubble erscheint
Öffne deine veröffentlichte Website in einem neuen Tab: Die Bubble ist unten. Wechsel zwischen zwei Seiten: Sie bleibt, und das Gespräch auch. Eine Testnachricht landet sofort unter Nachrichten.
Nichts zu sehen? Prüfe, ob du neu veröffentlicht hast, ob der Code auf Website-Ebene am Ende von <body> steht und ob die geöffnete Adresse in den erlaubten Adressen der Website in Hooky steht, falls du welche eingetragen hast.
framer.website und deine Domain
Deine Website hat eine Framer-Adresse und oft deine eigene Domain. Trag beide auf der Seite der Website in Hooky ein: ein Posteingang, dieselben Statistiken. www. ist automatisch abgedeckt.
Die Bubble an dein Design anpassen
Dafür musst du Framer nicht anfassen: In Hooky wählst du auf der Seite der Website die Farbe der Bubble, ihre Seite (rechts oder links) und deine Begrüßung, mit Live-Vorschau. Änderungen gelten ohne neue Veröffentlichung.
Ein „Schreib mir“-Button im Menü? Gib ihm einen Link, der Hooky.open() aufruft, oder, in Framer einfacher, lass die Bubble die Arbeit machen.
Deinen Besuchern antworten
Eine Benachrichtigung aufs Handy, und du antwortest in der Hooky-App (iPhone, iPad, Mac, Android) oder im Web-Dashboard. Dein Besucher kann ein Foto oder ein PDF anhängen (ein Briefing, ein Mockup), und verlässt er die Website nach Angabe seiner E-Mail, erreicht ihn deine Antwort per E-Mail, mit einem Link zurück ins Gespräch.
Häufige Fragen
Brauche ich einen bezahlten Framer-Plan?
Die Framer-Hilfe nennt keinen Mindestplan für Custom Code. Eine eigene Domain erfordert dagegen einen bezahlten Plan. Ist der Bereich Custom Code in deinem Projekt nicht verfügbar, prüfe die Bedingungen deines Framer-Plans.
Ich will die Bubble nur auf einigen Seiten
Framer kann ein Skript auf bestimmte Seiten beschränken. Für einen Chat ist es aber am nützlichsten, ihn überall zu haben: Das Gespräch begleitet den Besucher von Seite zu Seite.
Kein Prompt für Framer?
Framer ist ein visueller Editor: Du lässt ihn keinen Code schreiben, sondern fügst das Tag selbst ein. Eine Zeile, und du musst sie nie wieder anfassen.
Und die Statistiken?
Hooky.track wird aus Code aufgerufen: In Framer geht das über eine Code-Komponente oder einen Override. Für eine einfache Präsentationsseite reicht oft die Bubble. 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.