Widget-Anpassung

Ein Live-Chat-Widget, das sich anfühlt wie Ihr eigenes

Passen Sie jedes Detail Ihres Chat-Widgets an – Farben, Position, Sprache, Dunkelmodus und mehr. Sorgen Sie dafür, dass es sich wie ein natürlicher Teil Ihrer Website anfühlt.

Demo anfordern Kostenlose Testversion starten

15 Tage lang kostenlos. Keine Kreditkarte erforderlich.

Jedes Detail nach Ihren Vorstellungen

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

Markenfarben

Dunkler Modus

Über 50 Sprachen

Widget-Builder

Launcher-Typen

Kampagnen

RTL-Unterstützung

SDK-Steuerung

No-Code-Widget-Builder

Passen Sie an, ohne Code zu schreiben

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

Live-Vorschau — Sehen Sie Ihre Änderungen in Echtzeit, während Sie Einstellungen anpassen
Willkommensnachrichten — Passen Sie Überschrift, Unterzeile und Antwortzeit an, die Besucher sehen
Kanalbegrüßung — Legen Sie eine automatische Begrüßungsnachricht fest, wenn ein Kunde das Widget öffnet
Widget-Farbe — Wählen Sie eine beliebige Farbe, die zu Ihrer Markenpalette passt
Position und Launcher — Wählen Sie linke oder rechte Platzierung sowie Standard- oder erweiterten Launcher-Stil

Markenfarben und Erscheinungsbild

Perfekt auf Ihre Marke abgestimmt

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

Jede Hex-Farbe — Legen Sie 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 Ihrer Website schwebt
Erweiterte Bubble — ein breiterer Launcher mit eigenem Text wie 'Chatten Sie mit uns' für mehr Sichtbarkeit
Individueller Launcher-Text — Bestimmen Sie den Text der erweiterten Bubble über die Einstellung launcherTitle
Begrüßungsüberschrift und Unterzeile — Begrüßen Sie Besucher mit eigener Überschrift und Ihrer typischen Antwortzeit

Widget-Farbe

Willkommenstext

Hallo zusammen

Normalerweise antworten wir innerhalb weniger Minuten

Launcher-Typ

Standard
Chatten Sie mit uns
Erweitert

Dunkler Modus

Respektieren Sie die Präferenzen Ihrer Besucher

Aktivieren Sie den automatischen Dunkelmodus, damit sich Ihr Widget an die Betriebssystemeinstellung Ihrer Besucher anpasst. Das Chatfenster erscheint ohne zusätzlichen Aufwand im passenden dunklen Design.

Auto-Modus — folgt automatisch der Betriebssystempräferenz Ihrer Besucherinnen und Besucher, ob hell oder dunkel
Hellmodus — rendert das Widget immer im hellen Design, unabhängig von den Betriebssystemeinstellungen
Einfache Konfiguration — setzen Sie 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

Platzieren Sie es dort, wo es am besten passt

Wählen Sie die Position des Widgets auf Ihrer Website, wählen Sie den Launcher-Stil aus, der zu Ihrem Design passt, und passen Sie den Starttext für erweiterte Blasen an.

Links oder rechts — platzieren Sie den Widget-Launcher auf der Seite, die am besten zu Ihrem 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 — lassen Sie Besucher den Chat in einem separaten Browserfenster für ungestörtes Messaging öffnen
yourwebsite.com

Sprache und Lokalisierung

Sprechen Sie die Sprache Ihrer Kunden

Chatwoot unterstützt standardmäßig über 50 Sprachen. Das Widget passt sich automatisch an die Browsersprache Ihrer Besucher an, oder Sie legen die Sprache manuell per SDK fest.

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

Widget-Verhalten

Steuern Sie, wie sich das Widget verhält

Feinjustieren Sie 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 — fragen Sie nach der E-Mail-Adresse, damit Gespräche weitergehen können, wenn Besucher die Seite verlassen
Emoji-Auswahl — aktivieren oder deaktivieren Sie den Emoji-Picker im Widget-Composer
Dateianhänge — ermöglichen Sie das Hochladen und Teilen von Bildern, Dokumenten und anderen Dateien
Konversation beenden — lassen Sie Besucher Konversationen im Widget schließen, sobald ihr Anliegen gelöst ist

Popout-Fenster

Öffnen Sie den Chat in einem speziellen Browserfenster

Aktiviert

E-Mail-Erfassung

Fragt automatisch nach einer E-Mail-Adresse

Aktiviert

Emoji-Picker

Lassen Sie Besucher sich mit Emojis ausdrücken

Aktiviert

Dateianhänge

Ermöglichen Sie Besuchern das Teilen von Dateien und Bildern

Aktiviert

Proaktive Kampagnen

Starten Sie Gespräche, statt darauf zu warten

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

Laufende Kampagnen — Senden Sie proaktive Nachrichten basierend auf Seiten-URL, Verweildauer oder eigenen Regeln
URL-Targeting — Lösen Sie Nachrichten nur auf bestimmten Seiten wie Pricing, Checkout oder Dokumentation aus
Zeitverzögerung — Warten Sie eine definierte Anzahl an Sekunden, bevor die Kampagnennachricht erscheint
Individuelle Nachrichten — Schreiben Sie pro Kampagne personalisierte Nachrichten, die genau zum Kontext passen

SDK und Entwicklerkontrolle

Volle programmgesteuerte Kontrolle

Gehen Sie über den visuellen Builder hinaus. Mit den SDK-Methoden steuern Sie das Widget dynamisch, setzen Benutzerattribute, ändern die Sprache und lösen Aktionen direkt aus Ihrem Anwendungscode aus.

Benutzeridentifikation

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

Widget-Steuerung

Öffnen, schließen, umschalten oder als Popout starten Sie das Widget programmgesteuert. Legen Sie die Sprache fest, setzen Sie Sitzungen zurück und mehr.

Identitätsvalidierung

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

Interaktive Nachrichten

Umfangreicher, interaktiver Widget-Inhalt

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

Schnellantwort-Buttons — Bieten Sie antippbare Optionen an, damit Besucher direkt beim richtigen Team landen
Karten — Zeigen Sie Rich-Content-Karten mit Bildern, Titeln und Beschreibungen direkt im Chat
Formulare — Sammeln Sie strukturierte Daten mit In-Chat-Formularen, ohne Besucher umzuleiten
Eingebettete Artikel — Blenden Sie Help-Center-Artikel direkt im Widget ein, um sofort Antworten zu liefern

Wie können wir Ihnen heute helfen?

AbrechnungTechnischVertriebSonstiges

Leitfaden für den Einstieg

Erfahren Sie, wie Sie Ihr Konto in 5 Schritten einrichten

Schnelle Rückmeldung

👍👎

Machen Sie das Widget zu Ihrem eigenen

Beginnen Sie mit der Anpassung Ihres Live-Chat-Widgets, damit es zu Ihrer Marke passt. In wenigen Minuten eingerichtet, keine Designkenntnisse erforderlich.

Demo anfordern Kostenlose Testversion starten

15 Tage lang kostenlos. Keine Kreditkarte erforderlich.