KI-Chat-Agent für Ihre IONOS-Website

Fügen Sie den Chat-Agenten von Hazelchat mit dem Head-Code des Editors auf allen Seiten Ihrer IONOS-MyWebsite-Now-Website ein. Hazelchat beantwortet Fragen Ihrer Besucher aus den Seiten und Dokumenten, die Sie freigegeben haben, und zeigt unter jeder Antwort die Quellen.

Was Sie brauchen

Eine Website mit MyWebsite Now. IONOS schreibt, dass die HTML-Funktionen nicht in jedem MyWebsite-Now-Paket enthalten sind, ohne die Pakete zu nennen. Der ältere MyWebsite Creator hat andere Menüs und ist hier nicht beschrieben.
Ein Hazelchat-Konto mit einem Agenten, den Sie im Arbeitsbereich ausprobiert haben. Sie können kostenlos starten.

Code einfügen

Öffnen Sie in Hazelchat bei der Einrichtung Installieren, oder später Website → Auf Ihrer Website installieren → Einrichtung fortsetzen. Wählen Sie Etwas anderes und Weiter und öffnen Sie dann Code kopieren. Es ist eine Zeile mit Ihrem eigenen Widget-Schlüssel:
```
<script src="https://app.hazelchat.co/widget.js" data-agent="YOUR-WIDGET-KEY" defer></script>
```
Melden Sie sich in Ihrem IONOS Konto an, klicken Sie auf Menü → Web-Projekte, auf der Kachel Ihres Projekts auf Projekt verwalten und dann auf Website → Editor.
Öffnen Sie im linken Menü des Editors Einstellungen → Head-Code und fügen Sie die Zeile ein. IONOS verwendet Code dort auf allen Seiten.
Wählen Sie eine Datenschutz-Option (siehe Einwilligung unten), klicken Sie auf Speichern und veröffentlichen Sie Ihre Website.
Geben Sie in Hazelchat die Adresse Ihrer Website ein und klicken Sie auf Ich habe den Code eingefügt.
Klicken Sie auf Veröffentlichen und einschalten (oder Einschalten, wenn Ihr Agent schon veröffentlicht ist). Hazelchat sucht zuerst den Code auf Ihrer Website und macht den Chat erst dann sichtbar.
Öffnen Sie Ihre Website, laden Sie sie neu, stellen Sie dem Chat eine Frage, wie sie ein Besucher stellen würde, und klicken Sie dann in Hazelchat auf Ja, ich habe diese Antwort gesehen.

Diese Schritte folgen der Hilfe von IONOS (Verwenden von HTML und JavaScript), gelesen am 19. Oktober 2026. Wir haben Hazelchat auf IONOS noch nicht selbst getestet. Sieht ein Menü anders aus, gilt die Seite von IONOS.

Prüfen, ob es funktioniert

Öffnen Sie Ihre veröffentlichte Website in einem privaten Fenster. Die Zeile von Hazelchat endet mit defer, der Chat startet also erst, wenn die Seite geladen ist.
Mit Zustimmung erforderlich stimmen Sie zuerst im Cookie-Banner Ihrer Website zu; vorher führt IONOS den Code nicht aus.

Mit Keine Zustimmung erforderlich steht die Zeile im Quelltext Ihrer Seite, wo die Prüfung von Hazelchat sie findet. Mit Zustimmung erforderlich fügt IONOS sie sehr wahrscheinlich erst nach der Zustimmung eines Besuchers ein, sodass die Prüfung sie nicht findet. Bestätigen Sie Ihre Website dann unter Website-Einstellungen in Hazelchat mit einem DNS-Eintrag, den Sie dort hinzufügen, wo Sie Ihre IONOS-Domain verwalten.

Häufige Probleme

Kein Head-Code unter Einstellungen. Ihr Paket enthält ihn vielleicht nicht. IONOS nennt die Pakete nicht, fragen Sie also IONOS.
Die Prüfung findet den Code nicht, obwohl der Chat erscheint. Das liegt an der Datenschutz-Option. Nutzen Sie den DNS-Eintrag wie oben beschrieben.
„Das Installationsskript wurde auf der Seite nicht gefunden.“ Prüfen Sie, ob Sie die Änderung in IONOS veröffentlicht haben und die Zeile vollständig ist, mit Ihrem eigenen Schlüssel, und versuchen Sie es in Hazelchat erneut.

Hat Ihr Cookie-Banner einen Dienst namens Hazelchat, folgt der Chat ihm ohne zusätzlichen Code. Welche Banner.

MyWebsite Now fragt für jeden Code, ob er eine Zustimmung braucht. Zustimmung erforderlich führt den Code erst aus, wenn ein Besucher zustimmt; Keine Zustimmung erforderlich führt ihn sofort aus. Welche Option für einen Chat auf Ihrer Website passt, gehört zu Ihrer eigenen Datenschutzbewertung.

Soll der Chat geschlossen bleiben, bis ein Besucher zustimmt, ergänzen Sie in der Zeile vor defer das Attribut data-require-consent="true". Der Chat wartet dann, bis Ihr Einwilligungs-Tool dieses Ereignis sendet:

window.dispatchEvent(new CustomEvent('hazelchat-consent', { detail: true }));

Senden Sie detail: false, wenn ein Besucher seine Einwilligung widerruft. Mit dieser Option und ohne Ereignis erscheint kein Chat; testen Sie es also auf Ihrer veröffentlichten Website.

Hazelchat entfernen

Öffnen Sie Einstellungen → Head-Code, löschen Sie die Zeile von Hazelchat, speichern Sie und veröffentlichen Sie.
Um den Chat überall auf einmal auszublenden, ohne Ihre Website anzufassen, schalten Sie Hazelchat auf der Seite Website aus. Die Zeile bleibt dann auf Ihren Seiten, zeigt aber nichts mehr an.

Hilfe

Für IONOS selbst wenden Sie sich an die IONOS Hilfe. Für alles rund um Hazelchat schreiben Sie an hello@hazelchat.co. Wir antworten innerhalb eines Werktags. Weitere Wege, Hazelchat zu installieren.

Kostenlos starten