Das go33-Widget wird als Chat-Button in der Ecke Ihrer Website eingeblendet und über ein einzelnes Script-Tag eingebunden.
Code-Snippet einfügen
Fügen Sie folgenden Code vor dem schließenden </body>-Tag Ihrer Seite ein. Der Code enthält bereits den Client API Key Ihres Assistenten. Sie finden ihn fertig zum Kopieren unter Kanäle Chat-Widget Installation:
<script src="https://go33.de/widget.js" data-api-key="YOUR_API_KEY"></script>Den Key finden Sie jederzeit erneut unter Entwickler API-Schlüssel. Dass er im Quelltext Ihrer Seite steht, ist beabsichtigt: Er benennt Ihren Assistenten, er schützt nichts. An Ihre Gespräche kommt niemand, der ihn liest.
Missbrauch begrenzen
Wer den Embed-Code kennt, kann das Widget einbinden, und jede Nachricht kostet Credits aus Ihrem Kontingent. Unter Zugriff & Sicherheit deckeln Sie deshalb, wie viele Nachrichten ein einzelner Besucher pro Stunde senden darf, und sperren Besucher, die den Assistenten zweckfremd nutzen. Beides ist voreingestellt aktiv.
Dort liegen auch die erlaubten Domains für direkte Aufrufe der Client-API. Unabhängig von beidem greift eine Tagesgrenze: Sie sorgt dafür, dass Ihr Monatskontingent nicht an einem einzigen Tag aufgebraucht werden kann, und meldet sich bei Ihnen, bevor es so weit ist.
Einbindung nach Plattform
| Plattform | Vorgehen |
|---|---|
| Statisches HTML | Script-Tag direkt vor </body> einfügen |
| WordPress | Über das go33-Plugin, das es selbst einbindet, sonst im Theme-Footer |
| Shopify / Shopware | Im Theme-Editor in die theme.liquid bzw. das Footer-Template |
| React / Next.js | Als <script>-Tag in layout.tsx bzw. _document.tsx |
Aussehen anpassen
Name, Begrüßungstext und Farben des Widgets werden automatisch aus Ihren Einstellungen übernommen — siehe Chat-Oberfläche konfigurieren.
Testen Sie das Widget nach der Einbindung einmal im Inkognito-Fenster, um sicherzugehen, dass es auch für neue Besucher ohne bestehende Session korrekt lädt.