Chat in 5 Minuten auf der Website einbinden

Ein Tag im Template, der Website-Key aus dem Dashboard und eine erste Nachricht an sich selbst — der komplette Weg von null zum laufenden Chat.

Das Einbinden des Widgets braucht weder einen Build noch Änderungen am Markup. Eine Zeile vor dem schließenden </body>-Tag genügt — und der Chat erscheint auf allen Seiten, die das gemeinsame Template nutzen.

<script async src="/widget/webchatix.js"
        data-site-key="IHR_WEBSITE_KEY"
        data-operator-name="Support"
        data-operator-desc="Wir sind online und antworten meist schnell"></script>

Schritt 1. Website im Dashboard anlegen

Fügen Sie im Bereich „Websites“ Name und Domain hinzu. Das Dashboard erzeugt einen Website-Key — genau dieser kommt in das Attribut data-site-key. Der Key bindet Anfragen an ein konkretes Projekt: Bei mehreren Websites vermischen sich die Dialoge nicht.

Schritt 2. Domain freigeben

Tragen Sie in den Einstellungen der Website die Domains ein, von denen aus das Widget die API ansprechen darf. Das schützt den Key vor Nutzung auf fremden Seiten. Wenn das Widget nicht erscheint, fehlt fast immer die Domain in der Liste oder der Key wurde mit einem zusätzlichen Leerzeichen kopiert.

Schritt 3. Empfänger zuweisen

Die Ansprechperson schickt dem Bot /op_me und steht auf der Liste. Danach legen Sie im Bereich „Routen“ fest, wer Anfragen erhält: eine bestimmte Person oder eine Arbeitsgruppe. Eine leere Route bedeutet „die ganze Website“ — alle Nachrichten gehen an einen Empfänger.

Schritt 4. Testen

Öffnen Sie die Seite im privaten Fenster und schicken Sie sich eine Testnachricht. Sie sollte als Karte mit Website-Namen und der Seite, von der geschrieben wird, in Telegram ankommen. Antworten Sie mit einer normalen Reply — der Text erscheint eine Sekunde später im Widget.

Das war es, der Chat läuft. Gestaltung, Begrüßung und Name lassen sich jederzeit im Dashboard ändern: Anpassungen greifen sofort, der Website-Code muss nicht erneut angefasst werden.