Chat- & Voice-Widget für Ihre Website

Kategorie: Integrationen & API · Aktualisiert am 26.08.2026

Ihr Assistent ist nicht auf das Telefon beschränkt. Mit zwei Zeilen Code binden Sie ihn direkt auf Ihrer Website ein – mit demselben Wissen, denselben Terminen und derselben Tonalität.

Chat-Widget

Ein Chatfenster unten rechts. Besucher stellen Fragen, buchen Termine oder hinterlassen ein Anliegen. Farbe, Position und Begrüßung sind einstellbar.

Voice-Widget

Dieselbe Funktion, aber gesprochen: Der Besucher klickt und spricht mit dem Assistenten – ohne Telefonnummer zu wählen. Auf Wunsch wird das Gespräch aufgezeichnet.

So binden Sie es ein

  1. Agent wählen. Welcher Assistent soll antworten?
  2. Code kopieren. Sie erhalten einen fertigen Einbettungscode.
  3. In die Website einfügen. Vor dem schließenden Body-Tag – oder über das Widget-Feld Ihres CMS.
Alles an einem Ort: Gespräche aus Chat und Voice-Widget landen in derselben Gesprächsübersicht wie Telefonate – mit Transkript und Zusammenfassung.

Wo Sie den Einbettungscode bekommen

Öffnen Sie unter Telefonie → Inbound den gewünschten Agenten. Dort gibt es einen eigenen Reiter Chat für das Chat-Widget; das Voice-Widget schalten Sie in den Agenteneinstellungen frei. In beiden Fällen gilt:

  • Einstellungen wählen – Farbe, Position, Größe, Begrüßung.
  • Auf „Code generieren“ klicken. Das Feld „Einbettungscode“ bleibt vorher leer – der Code entsteht erst auf Klick.
  • „Code kopieren“ und in Ihre Website einfügen.

Alternativ steht „iframe-Code generieren“ zur Verfügung, wenn Sie das Widget fest in eine Seite einbauen statt es schweben zu lassen. Über „Vorschau“ sehen Sie das Ergebnis, bevor Sie etwas veröffentlichen. Der Code enthält die Kennung genau dieses Agenten – wollen Sie auf verschiedenen Seiten verschiedene Assistenten, holen Sie sich je Agent einen eigenen Code.

Was Sie einstellen können

  • Farbe – Hauptfarbe und, beim Voice-Widget, zusätzlich eine Akzentfarbe.
  • Position – welche Bildschirmecke.
  • Größe – Breite und Höhe des Chatfensters.
  • Erscheinungsbild – hell oder dunkel.
  • Begrüßung – ob und mit welchem Text sich das Widget von selbst meldet.
  • Ton – akustischer Hinweis bei neuen Nachrichten, standardmäßig aus.
  • Minimierbar – ob Besucher das Fenster zuklappen können.

Chat oder Voice – was wofür?

Beide greifen auf dasselbe Wissen zu, der Unterschied liegt in der Situation:

  • Chat funktioniert immer – auch im Großraumbüro, in der Bahn und ohne Kopfhörer. Er ist die sichere Wahl, wenn Sie nur eines einbinden wollen.
  • Voice ist schneller, sobald es komplizierter wird, und wirkt auf Startseiten als Blickfang. Er braucht aber die Mikrofonfreigabe des Besuchers.
Ein Hinweis zur Einbindung: Der Code gehört unmittelbar vor das schließende </body>-Tag. Wird er im Kopfbereich eingefügt, kann es passieren, dass das Widget vor dem Seiteninhalt lädt und nicht erscheint.

Häufige Fragen

Braucht das Voice-Widget eine Erlaubnis?
Der Browser fragt beim Klick nach dem Mikrofon. Ohne Zustimmung startet kein Gespräch.
Kann ich verschiedene Assistenten auf verschiedenen Seiten einbinden?
Ja. Der Einbettungscode enthält die Agenten-Kennung; Sie können pro Seite einen anderen setzen.
Verlangsamt das Widget meine Website?
Es wird nachgeladen, nachdem die Seite steht. Auf die sichtbare Ladezeit Ihrer Seite hat das in der Regel keinen Einfluss.
Funktioniert das mit WordPress, Wix oder Shopify?
Ja. Überall, wo sich eigener HTML-Code einfügen lässt – in WordPress etwa über das Theme oder ein Code-Snippet-Plugin.
Was passiert nach Feierabend?
Das Widget bleibt erreichbar. Sie können den Assistenten so einstellen, dass er außerhalb Ihrer Zeiten ein Anliegen aufnimmt oder einen Rückruf vereinbart.
War dieser Artikel hilfreich?