Dokumentation / Anleitungen
Bringen Sie Ihren Agenten auf Ihre Website
Binden Sie mit einem einzigen Snippet eine Sprach- und Chat-Bubble auf jeder Website ein.
Zuletzt aktualisiert:
Das Web-Widget bringt Ihren Agenten als schwebende Bubble auf Ihre eigene Website. Besucher klicken darauf und sprechen mit dem Agenten oder chatten mit ihm, direkt von der Seite aus, ganz ohne Rufnummer.
1. Aktivieren Sie es#
Öffnen Sie den Agenten und gehen Sie zu Web → Web widget. Klicken Sie auf Enable widget. Sinnvolle Voreinstellungen sind bereits eingetragen. Wählen Sie die Kanäle (Sprache, Chat oder beides) und, wenn beide aktiv sind, welche Registerkarte Besucher zuerst sehen.
2. Passen Sie es an#
- Appearance: Position auf der Seite, Ihre Markenfarbe, Größe und Stil der Schaltfläche, Layout des Panels und ob es sich automatisch öffnet.
- Texts: Kopfzeile, Beschriftungen von Schaltfläche und Registerkarten, Platzhalter. Alles, was Sie leer lassen, verwendet eine sorgfältig gestaltete integrierte Voreinstellung.
- Pre-conversation form (optional): Fragen Sie Besucher nach Name, E-Mail oder Telefonnummer, bevor das Gespräch beginnt. Jedes Feld hat einen Key, eine Beschriftung, einen Typ und eine Pflichtfeld-Kennzeichnung. Was die Besucher ausfüllen, wird dem Gespräch angehängt.
- Automation webhook (optional, für Entwickler): eine https-URL, die in dem Moment, in dem ein Gespräch beginnt, eine Benachrichtigung (mit den Formulardaten) erhält, damit Ihre Systeme sofort Bescheid wissen.
3. Kopieren Sie das Snippet#
Am Ende derselben Seite erhalten Sie einen einzeiligen Einbettungscode. Kopieren Sie ihn und fügen Sie ihn in das HTML Ihrer Website ein, direkt vor dem schließenden </body>-Tag. Das war es: Die Bubble erscheint auf jeder Seite, die das Snippet enthält.
4. Sehen Sie es live in der Vorschau#
Web → Preview zeigt das echte Widget auf einer Beispielseite: eine echte Live-Sitzung, Sprache und Chat funktionieren beide, in Desktop- oder Mobilbreite. Gespeicherte Änderungen erscheinen dort innerhalb von etwa 30 Sekunden.
5. Verfolgen Sie die Gespräche#
Jede Widget-Sitzung landet wie jeder Telefonanruf in Calls (Transkript, Zusammenfassung, Benachrichtigungen), gekennzeichnet mit der Herkunft Web statt Phone.
Speichern, dann Deploy: Wie bei jeder anderen Änderung am Agenten liefert das Widget die veröffentlichte Konfiguration aus.
6. Einen Testlink teilen#
Sie brauchen keine Website, damit jemand den Agent ausprobieren kann. Klicken Sie im Vorschaubereich des Agents auf Share und dann auf Create link: Wir hosten eine Seite mit dem Widget, und Sie senden die URL an einen Kollegen, einen Kunden oder einen Prüfer. Legen Sie fest, wie lange der Link gilt (24 Stunden bis 30 Tage, oder ohne Ablauf) und wie viele Sitzungen er starten darf (10 bis 1000); widerrufen Sie ihn jederzeit im selben Dialog. Jede Sitzung über einen Link verbraucht die Minuten dieses Projekts genau wie eine Sitzung von Ihrer eigenen Website, und das Widget muss bereits aktiviert sein.