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.

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

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

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

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

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.

Kostenlos testen Demo anfragen