Widget-Anpassung

Ein Live-Chat-Widget, das aussieht wie dein eigenes

Passe jedes Detail deines Chat-Widgets an – Farben, Position, Sprache, Dunkelmodus und mehr. Sorge dafür, dass es sich wie ein natürlicher Teil deiner Website anfühlt.

Demo anfragen Kostenlos testen

15 Tage lang kostenlos. Keine Kreditkarte erforderlich.

Jedes Detail nach deinen Vorstellungen

Ein No-Code-Widget-Builder mit voller Kontrolle über Aussehen, Verhalten und Nutzererlebnis.

Markenfarben

Dunkler Modus

50+ Sprachen

Widget-Builder

Launcher-Typen

Kampagnen

RTL-Unterstützung

SDK-Steuerung

No-Code-Widget-Builder

Passe alles an, ohne Code zu schreiben

Verwende den visuellen Widget-Builder von Chatwoot, um Aussehen, Inhalte und Verhalten deines Widgets anzupassen – alles mit Live-Vorschau. Keine Entwicklerressourcen nötig.

Live-Vorschau: Sieh deine Änderungen in Echtzeit, während du Einstellungen anpasst
Willkommensnachrichten: Passe Überschrift, Unterzeile und Antwortzeit an, die Besucher sehen
Kanalbegrüßung: Lege eine automatische Begrüßungsnachricht fest, die erscheint, wenn ein Kunde das Widget öffnet
Widget-Farbe: Wähle eine beliebige Farbe, die zu deiner Markenpalette passt
Position und Launcher: Wähle linke oder rechte Platzierung sowie Standard- oder erweiterten Launcher-Stil

Markenfarben und Erscheinungsbild

Perfekt auf deine Marke abgestimmt

Lege deine Markenfarbe fest, und das Widget passt sich überall an – Launcher, Kopfzeile, Schaltflächen und Nachrichtenhervorhebungen bleiben konsistent.

Jede Hex-Farbe: Lege eine beliebige Farbe fest – Widget, Launcher, Kopfzeile und Schaltflächen passen sich automatisch an
Standard-Bubble: ein klares, rundes Symbol, das dezent in der Ecke deiner Website schwebt
Erweiterte Bubble: ein breiterer Launcher mit eigenem Text wie 'Chatte mit uns' für mehr Sichtbarkeit
Individueller Launcher-Text: Bestimme den Text der erweiterten Bubble über die Einstellung launcherTitle
Begrüßungsüberschrift und Unterzeile: Begrüße Besucher mit eigener Überschrift und deiner typischen Antwortzeit

Widget-Farbe

Willkommenstext

Hallo zusammen

Normalerweise antworten wir innerhalb weniger Minuten

Launcher-Typ

Standard
Chatte mit uns
Erweitert

Dunkler Modus

Respektiere die Präferenzen deiner Besucher

Aktiviere den automatischen Dunkelmodus, damit sich dein Widget an die Betriebssystemeinstellung deiner Besucher anpasst. Das Chatfenster erscheint ohne zusätzlichen Aufwand im passenden dunklen Design.

Auto-Modus: folgt automatisch der Betriebssystemeinstellung deiner Besucherinnen und Besucher, ob hell oder dunkel
Hellmodus: rendert das Widget immer im hellen Design, unabhängig von den Betriebssystemeinstellungen
Einfache Konfiguration: setze darkMode in chatwootSettings auf 'auto' – eine einzige Codezeile
Konsistentes Styling: alle Widget-Elemente – Kopfzeile, Nachrichten und Eingabefelder – passen sich dem gewählten Theme an

Position und Launcher-Typ

Platziere es dort, wo es am besten passt

Wähle die Position des Widgets auf deiner Website, wähle den Launcher-Stil aus, der zu deinem Design passt, und passe den Starttext für erweiterte Bubbles an.

Links oder rechts: platziere den Widget-Launcher auf der Seite, die am besten zu deinem Layout passt
Standard-Bubble: ein kompaktes rundes Chat-Symbol – minimalistisch und vertraut
Erweiterte Bubble: ein breiterer, kapselartiger Launcher mit anpassbarem Text für mehr Sichtbarkeit
Popout-Fenster: lass Besucher den Chat in einem separaten Browserfenster für ungestörtes Messaging öffnen
yourwebsite.com

Sprache und Lokalisierung

Sprich die Sprache deiner Kunden

Chatwoot unterstützt standardmäßig 50+ Sprachen. Das Widget passt sich automatisch an die Browsersprache deiner Besucher an, oder du legst die Sprache manuell per SDK fest.

50+ Sprachen: die Widget-Oberfläche erscheint automatisch in der Browsersprache deiner Besucher
RTL-Unterstützung: vollständige Darstellung von rechts nach links für Arabisch, Hebräisch, Persisch und weitere Sprachen
Sprache per SDK überschreiben: lege die Sprache manuell mit der SDK-Methode setLocale fest
Mehrsprachige Teams: verschiedene Posteingänge können unterschiedliche Sprachzielgruppen bedienen

Widget-Verhalten

Steuere, wie sich das Widget verhält

Feinjustiere das Widget-Erlebnis – mit Popout-Fenster, Emoji-Auswahl, Dateiuploads, E-Mail-Erfassung und einem Button zum Beenden der Konversation.

Popout-Fenster: Besucher können den Chat für längere Gespräche in einem vollwertigen Browserfenster öffnen
E-Mail-Erfassung: frag nach der E-Mail-Adresse, damit Gespräche weitergehen können, wenn Besucher die Seite verlassen
Emoji-Auswahl: aktiviere oder deaktiviere den Emoji-Picker im Widget-Composer
Dateianhänge: ermögliche das Hochladen und Teilen von Bildern, Dokumenten und anderen Dateien
Konversation beenden: lass Besucher Konversationen im Widget schließen, sobald ihr Anliegen gelöst ist

Popout-Fenster

Öffne den Chat in einem speziellen Browserfenster

Aktiviert

E-Mail-Erfassung

Fragt automatisch nach einer E-Mail-Adresse

Aktiviert

Emoji-Picker

Lass Besucher sich mit Emojis ausdrücken

Aktiviert

Dateianhänge

Ermögliche Besuchern das Teilen von Dateien und Bildern

Aktiviert

Proaktive Kampagnen

Starte Gespräche, statt darauf zu warten

Löse gezielte Nachrichten im Widget aus, wenn Besucher bestimmte Bedingungen erfüllen – etwa Verweildauer auf der Seite, URL-Muster oder benutzerdefinierte Events. Mach so mehr Besucher zu Kundschaft.

Laufende Kampagnen: Sende proaktive Nachrichten basierend auf Seiten-URL, Verweildauer oder eigenen Regeln
URL-Targeting: Löse Nachrichten nur auf bestimmten Seiten wie Pricing, Checkout oder Dokumentation aus
Zeitverzögerung: Warte eine definierte Anzahl an Sekunden, bevor die Kampagnennachricht erscheint
Individuelle Nachrichten: Schreibe pro Kampagne personalisierte Nachrichten, die genau zum Kontext passen

SDK und Entwicklerkontrolle

Volle programmgesteuerte Kontrolle

Geh über den visuellen Builder hinaus. Mit den SDK-Methoden steuerst du das Widget dynamisch, setzt Benutzerattribute, änderst die Sprache und löst Aktionen direkt aus deinem Anwendungscode aus.

Benutzeridentifikation

Übergib Benutzerdaten wie Name, E-Mail-Adresse und benutzerdefinierte Attribute, um das Erlebnis zu personalisieren und Konversationen weiterzuleiten.

Widget-Steuerung

Öffne, schließe oder wechsle das Widget programmgesteuert – oder starte es als Popout. Lege die Sprache fest, setze Sitzungen zurück und mehr.

Identitätsvalidierung

Aktiviere die HMAC-basierte Identitätsprüfung, um Identitätsmissbrauch zu verhindern und sichere Widget-Sitzungen zu gewährleisten.

Interaktive Nachrichten

Umfangreicher, interaktiver Widget-Inhalt

Geh mit interaktiven Karten, Formularen, Schnellantwortoptionen und eingebetteten Artikeln über einfachen Text hinaus – alles nativ im Chat-Widget gerendert.

Schnellantwort-Buttons: Biete antippbare Optionen an, damit Besucher direkt beim richtigen Team landen
Karten: Zeige Rich-Content-Karten mit Bildern, Titeln und Beschreibungen direkt im Chat
Formulare: Sammle strukturierte Daten mit In-Chat-Formularen, ohne Besucher umzuleiten
Eingebettete Artikel: Blende Help-Center-Artikel direkt im Widget ein, um sofort Antworten zu liefern

Wie können wir dir heute helfen?

AbrechnungTechnischVertriebSonstiges

Leitfaden für den Einstieg

Erfahre, wie du dein Konto in 5 Schritten einrichtest

Schnelle Rückmeldung

👍👎

Mach das Widget zu deinem eigenen

Beginne mit der Anpassung deines Live-Chat-Widgets, damit es zu deiner Marke passt. In wenigen Minuten eingerichtet, keine Designkenntnisse erforderlich.

Demo anfragen Kostenlos testen

15 Tage lang kostenlos. Keine Kreditkarte erforderlich.