Zum Hauptinhalt springen
Zugriff: Navigiere in der Hauptnavigation zu Web-Widgets und klicke bei einem beliebigen Widget auf Bearbeiten. Der Widget-Konfigurationseditor erlaubt dir, dein Web-Widget anzupassen. Eine Live-Vorschau auf der rechten Seite des Editors aktualisiert sich bei jeder Änderung.

​
Einrichtung

Grundkonfiguration, die festlegt, wie das Widget funktioniert.
EinstellungBeschreibung
WidgetnameInterner Name zur Identifikation in der Widget-Liste
AgentDer Voice-Agent, der Gespräche über dieses Widget führt. Konfiguriere Agenten in deinem Agenteneditor.
AnzeigenameDer Name des Agenten, der Besuchern im Widget angezeigt wird
DomainbeschränkungenBeschränkt, auf welchen Domains das Widget geladen werden darf. Leer lassen, um alle Domains zuzulassen.
Domainbeschränkungen sind eine wichtige Sicherheitsmaßnahme. Ohne sie könnte jeder, der deinen Embed-Code bekommt, das Widget auf seiner eigenen Website einsetzen. Füge deine Domains hinzu, um unbefugte Nutzung zu verhindern.

​
Tab “Aussehen”

Visuelle Anpassung, damit das Widget zu deiner Marke passt.

​
Theme-Presets

Wähle aus einer Reihe vorgefertigter Farbthemen, um dein Widget schnell zu stylen. Klicke ein Preset an, um es anzuwenden - die Einzel-Farben kannst du danach weiter feinjustieren.

​
Layout

EinstellungBeschreibung
PositionUnten links oder unten rechts auf der Seite
GrößeKlein, mittel oder groß
Horizontaler VersatzAbstand vom Seitenrand (in Pixeln)
Vertikaler VersatzAbstand vom unteren Seitenrand (in Pixeln)
Erweitertes VerhaltenStartet eingeklappt, startet ausgeklappt oder immer ausgeklappt

​
Avatar

Wähle, wie der Avatar deines Widgets erscheint:
TypBeschreibung
OrbAnimierter Gradient-Puls mit 4 anpassbaren Farben
BildLade ein eigenes Bild hoch (PNG, JPEG, WebP)
LinkZeige einen Avatar von einer URL

​
Farben

Farben sind für detaillierte Steuerung in vier einklappbare Bereiche gegliedert:
Widget-Hintergrund, Consent-Screen, Chat-Bereich, Feedback-Bereich, unterer Bereich (Eingabe + Branding), Einklapp-Button und Text auf dem Hintergrund.
Button-Hintergrund, Text, Hover-Hintergrund und Rahmen. Schalte die Animation für den Anrufstart-Button ein.
Hintergrund, Text und Rahmen von Agenten-Nachrichten. Hintergrund, Text und Rahmen von Besucher-Nachrichten.
Statusbeschriftung, Pulsring und Indikatorfarben für Sprechen-, Zuhören-, Denken- und Verbinden-Zustände.

​
Eckenradius

Steuere die Rundung für Widget-Container, Eingabefelder, Nachrichtenblasen, CTA-Buttons und den Einklapp-Button.

​
Inhalt

Passe den gesamten Text und alle Labels an, die im Widget angezeigt werden.

​
Sprach-Presets

Wähle eine Sprache, um alle Textfelder automatisch mit übersetzten Standardwerten zu füllen. Danach kannst du einzelne Labels individuell anpassen.

​
Willkommensnachrichten

EinstellungBeschreibung
WillkommensnachrichtBegrüßungstext, der beim ersten Öffnen des Widgets angezeigt wird
PlatzhaltertextHinweistext im Nachrichten-Eingabefeld

​
Statusmeldungen

EinstellungBeschreibung
AktionstextLabel der Haupt-Call-to-Action-Schaltfläche
VerbindenText während des Verbindens
ZuhörenText, wenn der Agent zuhört
SprechenText, wenn der Agent spricht
DenkenText, wenn der Agent verarbeitet

​
Feedback-Nachrichten

EinstellungBeschreibung
Feedback-NachrichtAufforderung zur Sammlung von Besucherfeedback
Senden-ButtonText auf dem Feedback-Senden-Button
Danke-NachrichtBestätigung nach dem Absenden des Feedbacks
Das Anpassen von Inhaltslabels ist nützlich für Lokalisierung oder zum Abgleich mit deiner Markenstimme.

​
Funktionen

Funktionen ein- oder ausschalten. Der Nur-Chat-Modus deaktiviert automatisch einige Funktionen.

​
Widget-Modus

EinstellungBeschreibung
Nur-Chat-ModusSprachfunktionen deaktivieren und nur Textchat verwenden

​
Sprachfunktionen

Der Nur-Chat-Modus deaktiviert diese Einstellungen.
EinstellungBeschreibung
Text während des Anrufs erlaubenBesuchern erlauben, während eines Voice-Anrufs Nachrichten zu schreiben
Transkript anzeigenEin Live-Transkript von Voice-Gesprächen anzeigen
StummschaltungBesuchern erlauben, ihr Mikrofon stummzuschalten
Anruf-TimerAnrufdauer während Voice-Gesprächen anzeigen

​
Interaktion

EinstellungBeschreibung
Begrüßung bei initialem Text überspringenDie Begrüßung des Agenten überspringen, wenn der Besucher mit einer Textnachricht startet
Feedback-Erfassung aktivierenBesucher nach dem Gespräch um Feedback bitten
Bildfreigabe erlaubenBesuchern erlauben, Bilder in Chat-Gesprächen zu teilen

​
Anzeige

EinstellungBeschreibung
Branding anzeigen”Powered by itellicoAI” in der Widget-Fußzeile anzeigen

​
Aktionen

Konfiguriere Link-Buttons, die im Widget erscheinen und Besuchern schnellen Zugriff auf häufige nächste Schritte geben. Du kannst bis zu 5 Aktionen hinzufügen. Jede Aktion hat:
EinstellungBeschreibung
LabelButtontext
URLZiel-Link - unterstützt https://, http:// und tel: für Telefonnummern
Auto-KlickDen Link automatisch öffnen, wenn die Aktion ausgelöst wird
Auf Antwort wartenWarten, bis der Besucher den verknüpften Schritt abgeschlossen hat, bevor weitergemacht wird
TimeoutMaximale Wartezeit, wenn Auf Antwort warten aktiviert ist
Anruf bei Klick beendenVoice-Anruf beenden, nachdem der Besucher auf einen Nicht-Telefon-Link klickt
TriggerAnweisungen dazu, wann der Agent die Aktion zeigen oder verwenden soll
AktiviertDie gespeicherte Aktion in der Aktionsliste ein- oder ausschalten
Das Widget lädt ein Favicon von der verknüpften Domain und zeigt es neben jeder Aktion an. Für tel:-Links behandelt das Widget die Aktion als Telefon-Übergabe und deaktiviert das Warten auf die Webseite.

​
Datenschutz

Steuere Datenschutz- und Consent-Einstellungen für Widget-Besucher.

​
Trust Center

EinstellungBeschreibung
Trust Center aktivierenUmschalten, um eine öffentliche Datenschutzseite für dieses Widget zu erstellen
URL der DatenschutzerklärungLink zu deiner Datenschutzerklärung (erforderlich, wenn Trust Center aktiviert ist)
Subprozessoren-URLLink zu deiner Liste der Subprozessoren (optional)
Öffentliche URLAutomatisch generierter, teilbarer Link zur Trust-Center-Seite
EinstellungBeschreibung
AGB-InhaltMarkdown-Text, der als AGB-/Consent-Hinweis angezeigt wird
Text des Akzeptieren-ButtonsLabel auf dem Akzeptieren-Button
Text des Ablehnen-ButtonsLabel auf dem Ablehnen-Button
Consent erforderlichWenn aktiviert, müssen Besucher die Bedingungen akzeptieren, bevor sie ein Gespräch starten

​
Freigabe

Erzeuge teilbare Links, die eine eigenständige Seite mit deinem Widget öffnen - nützlich für Stakeholder-Reviews und Tests vor dem Livegang.
Der Share-Tab ist erst verfügbar, nachdem du das Widget gespeichert hast.
Siehe Widget-Share-Links für die vollständigen Details zum Erstellen und Verwalten von Share-Links.

​
Exportieren

Generiere den Embed-Code, um dein Widget auf deiner Website bereitzustellen. Kopiere das generierte Script und füge es in das HTML deiner Website ein, direkt vor dem schließenden </body>-Tag. 
<script src="https://widgets.itellico.ai/widgets/your-widget-id/widget.js" async></script>
Der Embed-Code bleibt gleich, auch wenn du Widget-Einstellungen änderst. Die Plattform wendet Konfigurationsänderungen automatisch an; du musst den Code deiner Website nicht aktualisieren.

​
Nächste Schritte

Web-Widgets-Übersicht

Widget-Liste verwalten, neue Widgets erstellen und den Widget-Editor öffnen

Widget-Deployment

Der Schritt-für-Schritt-Anleitung zum Deployen deines Widgets auf deiner Website folgen