Hilfe-Center › Erste Schritte

HeyFox auf deiner Website einbauen

Mit dem WordPress-Plugin oder einem kleinen Code-Schnipsel erscheint die Chat-Blase auf deiner Website. Das dauert ein paar Minuten.

Wo in HeyFox Einstellungen → Workspace → 🔌 Einrichtung & Integrationen (nur für Inhaber)

Was du brauchst

Oben unter Allgemeine Optionen stehen die Angaben, die du beim Einbauen einträgst:

Website-ID – für jede Seite mit Chat. Seiten ohne Anmeldung brauchen nur diese.
Verbindungsschlüssel – nur für die Seite, auf der dein FluentCRM läuft.
Login-Schlüssel – für weitere Seiten mit Anmeldung, zum Beispiel einen Shop. Damit erkennt HeyFox eingeloggte Nutzer, öffnet aber kein CRM.

Die Schlüssel sehen nur Inhaber. Gib sie nicht öffentlich weiter.

Variante 1: WordPress

Plugin holen: Lade das HeyFox-Plugin herunter (heyfox.zip – der Link liefert immer die aktuelle Version). In WordPress unter Plugins → Installieren → Plugin hochladen die Datei auswählen, installieren und aktivieren.
Mit HeyFox verbinden: Unter Einstellungen → HeyFox die Website-ID eintragen und speichern. Für die Chat-Blase reicht das.
Schlüssel eintragen (nur bei CRM oder Anmeldung): Ebenfalls unter Einstellungen → HeyFox, Feld Schlüssel. Welcher Schlüssel es ist, zeigt die Tabelle.

Deine Seite	In WordPress eintragen
💬 Nur Chat – ohne Anmeldung, ohne CRM	Website-ID
📇 Seite mit FluentCRM – nur sie verbindet HeyFox mit deinem CRM (Kontakt, Tags, Termine, Kurse)	Website-ID + Verbindungsschlüssel `hfc_…`
📇 CRM ist ActiveCampaign – verbunden direkt in HeyFox (siehe Datenquelle)	Website-ID
🔐 Weitere Seite mit Anmeldung, z. B. Shop oder Mitgliederbereich – erkennt eingeloggte Nutzer, ohne CRM-Verbindung	Website-ID + Login-Schlüssel `hfi_…`

Sollen eingeloggte Nutzer mit Namen im Posteingang erscheinen, setz im Plugin zusätzlich den Haken Eingeloggte Nutzer erkennen. Erwähne das in deiner Datenschutzerklärung.

Variante 2: jede andere Website

Code kopieren: In HeyFox auf die Kachel HTML klicken und den Code mit Kopieren übernehmen. Deine Website-ID steht schon drin. So sieht er aus:
<script src="https://widget.heyfox.chat/v1/heyfox.js" data-site="DEINE-WEBSITE-ID" async></script>
Code einfügen: Auf allen Seiten vor dem schließenden </body> einfügen – oder im Kopfbereich. In Baukästen heißt die Stelle meist „Eigener Code“ oder „Code-Snippet“. Mit dem Google Tag Manager geht es als „Benutzerdefiniertes HTML“.

Ausprobieren

Öffne deine Website. Unten rechts erscheint die Chat-Blase. Falls nicht: Cache leeren (auch im Caching-Plugin) und die Seite neu laden. Hilft das nicht, schau in Die Chat-Blase erscheint nicht.

Macht das jemand anderes für dich? In der Anleitung in HeyFox rechts eine E-Mail-Adresse eintragen und ✉️ Anleitung senden klicken. Dein technisches Team oder deine Agentur bekommt die Schritte samt Website-ID per Mail.

Noch Fragen?

Schreib uns an hallo@heyfox.chat – wir antworten persönlich. Ob HeyFox gerade läuft, siehst du auf status.heyfox.chat.