Widget Customization

Machen Sie das Widget mit 35+ Anpassungsoptionen wirklich zu Ihrem

Farben, Gradienten, Schriften, Bubble-Stile und mehr. Passen Sie sich perfekt an Ihre Marke an.

Widget Customization

Primary Color

Widget Position

Preview

Das Problem

Generische Widgets wirken fehl am Platz

Standard-Chat-Widgets stechen auf Ihrer sorgfältig gestalteten Website unangenehm hervor. Sie bringen eigene Farben, Schriften und Stile mit. Besucher merken das, und es wirkt unprofessionell.

Widget-Farben kollidieren mit Ihrer Marke
Ein generischer Look mindert das Vertrauen
CSS-Konflikte zerstören Layouts
So funktioniert's

In Minuten zu Ihrem Widget

01

Wählen Sie Ihre Farben

Wählen Sie eine Hauptfarbe passend zu Ihrer Marke. Header, Buttons und Akzente des Widgets aktualisieren sich sofort in der Live-Vorschau.

Primary Color

02

Passen Sie den Launcher an

Wählen Sie Icon-Stil und Position (links oder rechts), fügen Sie eine Begrüßungsblase hinzu und legen Sie fest, ob er bei Hover oder Klick öffnet.

Position
03

Fügen Sie Ihr Branding hinzu

Laden Sie Ihr Logo hoch, setzen Sie eine Willkommensnachricht und wählen Sie Schriften passend zu Ihrer Seite. Das Widget fühlt sich nativ an.

Company Logo

Uploaded

Welcome message

"Hi! How can we help you today?"

04

Vorschau und Veröffentlichung

Sehen Sie Ihre Änderungen in Echtzeit vor dem Livegang. Wechseln Sie zwischen hell und dunkel, testen Sie mobil und veröffentlichen Sie mit einem Klick.

Preview Mode
Fähigkeiten

Jedes Detail, nach Ihrem Geschmack

Farbanpassung

Primär-, Hintergrund-, Textfarben. Unterstützt dunkle und helle Modi.

Aurora-Gradienten

Wunderschöne animierte Gradienten für einen modernen, Premium-Look.

Benutzerdefinierte Schriften

Verwenden Sie Systemschriften oder laden Sie Ihre eigenen benutzerdefinierten Web-Schriften.

Bubble-Stile

Rund, quadratisch, Pille oder benutzerdefinierter Randradius für den Launcher.

Theme-Voreinstellungen

Starten Sie mit 5 vorgefertigten Themes und passen Sie von dort an.

Benutzerdefiniertes CSS

Vollständiges CSS-Override für pixelgenaue Anpassung.

35+

Optionen

5

Voreinstellungen

Live

Vorschau

CSS

Override

Von generisch zu markentreu

Ohne Resply

  • Ein Standard-Blau, das mit Ihrer Seite kollidiert
  • Generisches Chat-Blasen-Icon
  • Ein 'Powered by X'-Footer
  • CSS-Konflikte mit Ihrer Seite
  • Keine Ahnung vom Aussehen bis zum Deployment

Mit Resply

  • Ihre Markenfarben überall
  • Individueller Launcher in Ihrem Stil
  • White-Label im Scale-Plan
  • Shadow-DOM-Isolation
  • Live-Vorschau vor der Veröffentlichung
Vorteile

Warum Teams diese Funktion lieben

Entwickelt für Teams, die außergewöhnlichen Support ohne Overhead bieten möchten.

  • Passen Sie sich perfekt an Ihre Markenidentität an
  • Keine Design-Kenntnisse mit Voreinstellungen erforderlich
  • Sehen Sie Änderungen in Echtzeit mit Live-Vorschau
  • Volle Kontrolle mit benutzerdefiniertem CSS
  • Dark-Mode-Unterstützung integriert
  • Konsistente Erfahrung auf allen Seiten
FAQ

Häufige Fragen

Über 35 Optionen: Farben, Schriften, Launcher-Stil, Position, Begrüßungsnachrichten, Avatar und mehr. Sie können auch eigenes CSS injizieren für pixelgenaue Kontrolle.

Ja! Das Anpassungspanel enthält eine Live-Vorschau, die sich bei jeder Änderung aktualisiert. Testen Sie Desktop- und Mobilansicht vor der Veröffentlichung.

Ja, Sie können das Widget auf hell, dunkel oder automatische Erkennung der Systemeinstellung des Besuchers stellen. Die Farben passen sich automatisch an.

Ja, im Scale-Plan können Sie das Widget komplett white-labeln. Entfernen Sie jedes Resply-Branding und machen Sie es zu 100% Ihres.

Sie können CSS injizieren, das auf das Widget wirkt. Das Widget nutzt Shadow DOM: Das CSS Ihrer Seite beeinflusst es nicht (und umgekehrt), aber Sie können gezielt Stile überschreiben.

7 Tage kostenlos testen

Bereit, Ihren Support zu automatisieren?

Verbinden Sie Ihre Doku, fügen Sie eine Zeile Code hinzu, und lassen Sie die KI 80% Ihres Supports übernehmen.

Kostenlos testen

Keine Kreditkarte erforderlich