Zum Hauptinhalt springen
Das Web-Widget lässt Besucherinnen und Besucher per Sprache, Chat oder beidem mit deinem KI-Agenten interagieren. Erstelle dein Widget, konfiguriere es über den visuellen Editor und kopiere dann ein einziges Embed-Skript, um es bereitzustellen.

​
Web-Widget-Deployment nutzen, wenn du Folgendes brauchst

  • einen dauerhaft verfügbaren Assistenten auf deiner Website
  • Unterstützung per Sprache, Chat oder beidem
  • unterschiedliche Widget-Erlebnisse für verschiedene Seiten
  • Marketing- oder Operations-Teams, die das Website-Erlebnis ohne erneutes Bauen des Agents verwalten
Der übliche Geschäftsablauf lautet: Widget erstellen → Besuchererlebnis konfigurieren → im Preview testen → Embed-Skript veröffentlichen.
Für die detaillierte Konfiguration des Widget-Editors einschließlich Erscheinungsbild, Inhalte, Features, Aktionen, Privatsphäre und Share-Links siehe den Widget-Konfigurationsleitfaden.

​
Dein Widget erstellen

1

Widget-Manager öffnen

Navigiere im Dashboard zu Web-Widgets
2

Neues Widget erstellen

Klicke auf Widget erstellen und gib Folgendes an:
  • Widgetname - Interner Name für dich
  • Agent - Wähle aus, welcher Agent dieses Widget antreibt
3

Widget konfigurieren

Nutze die Tabs des visuellen Editors, um Setup, Appearance, Content, Features, Actions, Datenschutz, Export und Teilen zu konfigurieren. Der Editor enthält eine Live-Vorschau, die sich beim Ändern aktualisiert. Siehe den Widget-Konfigurationsleitfaden für Details zu jedem Tab.
4

Änderungen speichern

Wenn du ungespeicherte Änderungen hast, nutze die Leiste Unsaved changes unten im Editor, um sie zu speichern.

​
Dein Embed-Code

Sobald dein Widget konfiguriert ist, kopiere das Embed-Skript aus dem Tab Export. Der Tab Export enthält:
  • Embed script - Deine eindeutige Loader-URL zum Kopieren und Einfügen
  • Platform guides - Schritt-für-Schritt-Anleitungen für Google Tag Manager, WordPress, Webflow, Shopify und Squarespace

​
Dein Widget deployen

1

Im Preview testen

Nutze die Live-Vorschau rechts im Editor, um dein Widget vor dem Deployment zu testen. Klicke bei Bedarf auf das Aktualisieren-Symbol.
2

Embed-Skript kopieren

Gehe zum Tab Export und kopiere dein eindeutiges Embed-Skript.
3

Auf deiner Website einfügen

Füge das Skript direkt vor dem schließenden </body>-Tag auf deiner Website ein oder bitte deine Webentwicklerin bzw. deinen Webentwickler darum.
4

Live testen

Lade deine Website, klicke auf das Widget und teste ein Sprach- oder Chat-Gespräch. Prüfe unter Gespräche, ob die Session aufgezeichnet wurde.
Konfigurationsänderungen, die du im Dashboard vornimmst, werden automatisch auf dein eingebettetes Widget angewendet. Du musst das Embed-Skript nicht aktualisieren. Wenn Änderungen nicht sofort erscheinen, mache einen Hard Aktualisieren (Strg+Umschalt+R oder Cmd+Shift+R).

​
Deployment-Hinweise

  • HTTPS erforderlich für Mikrofonzugriff, außer auf localhost
  • Mobile responsiv - Das Widget passt sich automatisch an mobile Bildschirme an
  • Erstelle separate Widgets für unterschiedliche Websites oder Branding-Anforderungen

​
Fehlerbehebung

  • Bitte die Person, die deine Website verwaltet, bei Bedarf Website-Script-Fehler zu prüfen
  • Prüfe, ob die erlaubten Domains deine Website enthalten
  • Stelle sicher, dass das Script vor dem </body>-Tag platziert ist
  • Prüfe die Content-Security-Policy-Einstellungen
  • HTTPS erforderlich, außer auf localhost
  • Besucherinnen und Besucher müssen die Berechtigung manuell erteilen
  • Browser-Mikrofoneinstellungen prüfen
  • Einige Browser blockieren beim ersten Besuch
  • Audioprobleme können durch Netzwerkrestriktionen verursacht werden. Probiere ein anderes Netzwerk oder bitte dein IT-Team, Voice-Verbindungen zu erlauben.
  • Unternehmens-VPNs können Audio blockieren
  • Teste mit anderem Netzwerk oder Browser
  • Wenn es anderswo funktioniert, liegt das Problem meist an einer lokalen Netzwerk- oder Geräte-Richtlinie
  • Speichere über die Leiste Unsaved changes im Editor
  • Mache einen Hard Aktualisieren deiner Website (Strg+Umschalt+R oder Cmd+Shift+R)
  • Leere bei Bedarf den Browser-Cache
  • Prüfe, ob du das richtige Widget bearbeitest

​
Nächste Schritte

Widget-Konfiguration

Vollständige Anleitung für den Widget-Editor: Erscheinungsbild, Inhalte, Features, Aktionen und Privatsphäre

Web-Widget-Implementierung

Widgets sauber über Umgebungen hinweg mit dem richtigen Domain- und Privacy-Setup deployen

Trust Center

Accountweite Datenschutz- und Compliance-Einstellungen verwalten

Produktions-Checkliste

Lernen, wie du dein Widget-Deployment pflegst und skalierst