← Zurück zur Dokumentation

Widget-Installation

Fügen Sie das Skript direkt vor </body> ein:

<script
  src="https://widget.setchat.co/setchat.iife.js"
  data-api-key="site_xxx"
  data-api-url="https://api.setchat.co"
  defer
></script>

React/Vite: in index.html einfügen.
Astro: im globalen Layout platzieren.
WordPress: offizielles Plugin oder Footer-Snippet verwenden.

Installations-Checkliste

Eine eigene SetChat-Site erstellen (ein API-Key pro Domain/Site).
Skript zuerst in Staging integrieren.
Widget-Verhalten auf Desktop und Mobile prüfen.
Senden/Empfangen von Nachrichten unter realen Bedingungen testen.
Nach erfolgreicher Prüfung in Produktion ausrollen.

Multi-Site und Best Practices

Für jede Website/Domain einen eigenen API-Key nutzen.
Staging und Produktion nie mit demselben Key mischen.
Integrations-Snippets zusammen mit Frontend-Änderungen versionieren.
Dokumentieren, wem welcher Key gehört und wo er eingebunden ist.

Schnelle Fehleranalyse

Widget fehlt: Script-Loading in Network/Console prüfen.
API-Fehler: data-api-url und Site-Key kontrollieren.
Keine Gespräche: im privaten Fenster ohne Adblocker testen.
Inkonsistentes Verhalten: Cache/CDN leeren und Skript neu laden.