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

Fügen Sie den Chat-Agenten von Hazelchat mit Global Custom Code von Showit auf den Seiten und im Blog Ihrer Showit-Website ein. Hazelchat beantwortet Fragen Ihrer Besucher aus den Seiten und Dokumenten, die Sie freigegeben haben, und zeigt unter jeder Antwort die Quellen.

Was Besucher fragen, bevor sie anfragen

Viele Showit-Websites gehören Fotografen, Hochzeitsplanern und anderen Hochzeitsprofis. Deren Besucher fragen immer wieder dasselbe:

• „Was ist in Ihrem Ganztagespaket für Hochzeiten enthalten?“
• „Berechnen Sie Anfahrtskosten außerhalb der Stadt?“
• „Wie viele Fotos bekommen wir, und wie schnell?“
• „Haben Sie an unserem Termin im nächsten Juni Zeit?“

Der Chat antwortet aus Ihren eigenen Seiten und Ihrer Preisliste, mit einem Link dorthin, wo er die Antwort gefunden hat, und prüft vorher jeden Preis und jede Zahl daran. Steht etwas nicht auf Ihren Seiten, rät er nicht.

Ihren Kalender sieht er nicht. Haben Ihre Seiten keine Antwort, etwa zu einem Termin, bietet er stattdessen Ihr Anfrageformular oder Ihre Buchungsseite an. Preise nur auf Anfrage? Lassen Sie sie aus dem heraus, was der Chat verwenden darf, dann landen auch diese Fragen bei Ihrem Anfrageformular.

Besucher zu Ihrem Anfrageformular oder Ihrer Buchungsseite schicken

• Öffnen Sie in Hazelchat Verhalten → Aktionen. Wählen Sie unter Nächster Schritt Anfrage senden oder Termin buchen und tragen Sie Ihre Showit-Kontaktseite oder Ihre Buchungsseite als Ziel-URL ein. Der Chat bietet sie an, wenn ein Besucher nach einer Buchung oder einem Kontakt fragt, und immer dann, wenn er keine Antwort hat.
• Schalten Sie unter Übergabe die Option Besucher können eine Anfrage hinterlassen ein, um Name, E-Mail-Adresse und Nachricht direkt im Chat aufzunehmen. Die Anfragen landen unter Anfragen, und Sie antworten aus Ihrem eigenen E-Mail-Programm.

Was Sie brauchen

• Eine Showit-Website mit mindestens einem Site Canvas Set. Showit wendet globalen Code nur auf Seiten an, die ein Set nutzen (ohne Set siehe Häufige Probleme). Die Hilfe von Showit nennt keinen Tarif für eigenen Code. Die Menünamen stehen hier so, wie Showit sie auf Englisch zeigt.
• Für den Blog nichts zusätzlich: Seine Beiträge entstehen aus Ihren Showit-Blog-Vorlagen. Ein WordPress-Plugin ist also nicht nötig, weder im Basic Starter Blog noch im Advanced Blog.
• Ein Hazelchat-Konto mit einem Agenten, den Sie im Arbeitsbereich ausprobiert haben. Sie können kostenlos starten.

Code einfügen

1. Ö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>

2. Öffnen Sie in der Showit Design App die Site Settings, wechseln Sie zum Tab Integrations und wählen Sie + Add Custom Code.
3. Nennen Sie den Code Hazelchat und fügen Sie die Zeile ein. Wählen Sie unter Add Code To den Head der Seite, wenn Showit ihn anbietet; die Zeile funktioniert auch weiter unten auf der Seite.
4. Wählen Sie unter Site Canvas Sets jedes Set, das Ihre Seiten und Blog-Vorlagen nutzen, und veröffentlichen Sie dann Ihr Design.
5. Geben Sie in Hazelchat die Adresse Ihrer Website ein und klicken Sie auf Ich habe den Code eingefügt.
6. 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.
7. Ö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 Showit (Global Custom Code, Site Canvas Sets, Can I add custom HTML code into my site’s head section? und EU Cookie Law), gelesen am 22. Oktober 2026. Wir haben Hazelchat auf Showit noch nicht selbst getestet. Sieht ein Menü anders aus, gilt die Seite von Showit.

Prüfen, ob es funktioniert

• Öffnen Sie Ihre veröffentlichte Website in einem privaten Fenster und sehen Sie sich den Seitenquelltext an: Die Zeile von Hazelchat steht darin. Prüfen Sie auch einen Blogbeitrag.
• Die Zeile von Hazelchat endet mit defer. Der Chat startet also erst, wenn die Seite geladen ist, egal wo Showit die Zeile einfügt.

Laut der Hilfe von Showit landet dieser Code in der Seite selbst, sodass die Prüfung von Hazelchat ihn findet, wenn Sie den Chat einschalten. Steht der Code nicht auf Ihrer Startseite, geben Sie die Seite mit dem Code unter Installation verwalten → Hilfe bei der Installation → Seite mit dem Code an.

Häufige Probleme

• Kein Site Canvas Set in Ihrem Design. Dann bewirkt der globale Code von Showit nichts. Legen Sie unten im Site-Tab ein Set an, oder fügen Sie die Zeile in das Feld Custom Head HTML jeder einzelnen Seite ein: Seitennamen auswählen (nicht ein Canvas), Advanced Settings öffnen, einfügen, Save und veröffentlichen.
• Der Chat erscheint auf Ihren Seiten, aber nicht in Blogbeiträgen. Einer Blog-Vorlage ohne gewähltes Set fehlt der Code. Öffnen Sie die Vorlage und wählen Sie das Set unter Template Info, oder fügen Sie die Zeile in ihr Feld Custom Head HTML ein, und veröffentlichen Sie.
• Die Zeile steht an mehreren Stellen. Das schadet nicht: Der Chat erscheint nur einmal pro Seite.
• „Das Installationsskript wurde auf der Seite nicht gefunden.“ Prüfen Sie, ob Sie die Änderung in Showit veröffentlicht haben und die Zeile vollständig ist, mit Ihrem eigenen Schlüssel, und versuchen Sie es in Hazelchat erneut.

Einwilligung der Besucher

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

Die Hilfe von Showit schlägt vor, ein Cookie-Banner per Code auf jeder Seite und Blog-Vorlage einzufügen, etwa Cookie Consent von WebsitePolicies oder iubenda. Globaler Code läuft für jeden Besucher, solange Ihr Banner ihn nicht zurückhält.

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 Site Settings → Integrations, löschen Sie den Code von Hazelchat und veröffentlichen Sie. Haben Sie die Zeile auch in das Feld Custom Head HTML einer Seite oder Blog-Vorlage eingefügt, löschen Sie sie dort ebenfalls.
• 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 Showit selbst wenden Sie sich an das Help Center von Showit. Für alles rund um Hazelchat schreiben Sie an hello@hazelchat.co. Wir antworten innerhalb eines Werktags. Weitere Wege, Hazelchat zu installieren.

Kostenlos starten