Gestalten Sie das perfekte Markenerlebnis mit einem intuitiven Splitscreen-Editor. Sehen Sie jede Änderung sofort in der Echtzeitvorschau und stellen Sie sie dann mit einem Klick bereit – keine Programmier- oder Entwicklerzeit erforderlich.
Erstellen Sie in wenigen Minuten, nicht in Tagen, ein Widget, das wie ein nativer Teil Ihrer Marke aussieht und sich anfühlt. Unser visuelles Anpassungssystem ermöglicht es Marketing- und Produktteams, pixelgenaue Designs zu erstellen, ohne den Code zu berühren oder auf die Verfügbarkeit der Entwickler zu warten.
Das linke Bedienfeld bietet organisierte Steuerelemente für jede Anpassungsoption: Farben mit erweiterter Kontrastprüfung, Typografie einschließlich Web-Schriftarten, Positionierung und Größe, Begrüßungsnachrichten und Platzhalter, Verhaltenseinstellungen und Auslöser. Im rechten Bereich wird eine voll funktionsfähige Live-Vorschau angezeigt, die sofort aktualisiert wird, wenn Sie die Einstellungen anpassen. Was Sie sehen, ist genau das, was Ihre Kunden erleben werden. Keine Überraschungen, keine Vermutungen.
Ändern Sie eine Farbe und die Schaltflächen werden sofort aktualisiert. Passen Sie die Schriftgröße an und sehen Sie sofort, wie der Text umfließt. Positionieren Sie das Widget neu und die Vorschau zeigt die genaue Platzierung. Die Vorschau ist vollständig interaktiv – Sie können sie öffnen, Nachrichten eingeben, Animationen ansehen und alle Funktionen testen. Diese unmittelbare Feedbackschleife beschleunigt Entwurfsiterationen und sorgt für Vertrauen vor der Bereitstellung.
Die automatische Überprüfung des Kontrastverhältnisses überprüft, ob Text auf ausgewählten Hintergründen lesbar ist (WCAG AA/AAA-Konformität). Wenn Kombinationen nicht den Standards entsprechen, werden spezifische Warnungen mit Lösungsvorschlägen angezeigt: „Niedriger Kontrast erkannt.“ Versuchen Sie, den Hintergrund um 20 % abzudunkeln oder den Text aufzuhellen. Für Hover-Zustände, Fokusindikatoren und sekundäre Elemente werden automatisch Farbharmonien generiert. Schriftarten-Fallback-Ketten sorgen für eine ordnungsgemäße Verschlechterung, wenn benutzerdefinierte Schriftarten nicht geladen werden können.
Das Farbsystem umfasst primär (Schaltflächen, Agentenmeldungen), sekundär (Benutzermeldungen, Akzente), Hintergrund, Text, Rahmen und Schatten. Zu den Typografie-Steuerelementen gehören die Schriftfamilie (integrierte Schriftarten oder benutzerdefinierte Google-Schriftarten), Größe, Stärke, Zeilenhöhe und Buchstabenabstand. Die Layoutoptionen definieren Position (beliebige Ecke), Größe (voreingestellte oder benutzerdefinierte Abmessungen), Randradius (scharf bis vollständig abgerundet), Schatten (keine bis dramatische Tiefe), Deckkraft und Unschärfeeffekte. Jeder Aspekt ist durch intuitive visuelle Bedienelemente anpassbar.
Bearbeiten Sie Begrüßungsnachrichten, die Kunden beim Öffnen des Widgets willkommen heißen. Definieren Sie vorgeschlagene Eingabeaufforderungen (Schnellaktionsschaltflächen), die Kunden zu häufigen Aufgaben führen. Passen Sie Platzhaltertext, Schaltflächenbeschriftungen und den gesamten UI-Text an. Erstellen Sie unterschiedliche Konfigurationen für unterschiedliche Kontexte (Support vs. Vertrieb vs. Produktinformationen). Jedes Wort, das Kunden sehen, ist vollständig anpassbar.
Durch die Generierung von Code mit einem Klick wird fertig zum Einfügen erstelltes HTML erstellt, das das Widget-Loader-Skript mit allen vorkonfigurierten Einstellungen enthält. Alternativ können Sie eine JSON-Konfigurationsdatei herunterladen und per URL darauf verweisen, um eine zentrale Verwaltung zu ermöglichen. Der Export-Agent enthält plattformspezifische Anweisungen für WordPress, Shopify, Webflow, Squarespace und benutzerdefinierte HTML-Sites. Die meisten Vermarkter können die Lösung ohne technische Einbindung implementieren.
Bei jedem Speichern wird ein versionierter Snapshot mit Zeitstempel und Änderungsbeschreibung erstellt. Sehen Sie sich den vollständigen Versionsverlauf an, um zu sehen, wie sich Designs entwickelt haben. Vergleichen Sie zwei beliebige Versionen nebeneinander, um genau zu sehen, was sich geändert hat. Stellen Sie sofort eine frühere Version wieder her, wenn kürzlich vorgenommene Änderungen Probleme verursachen. Dieses Sicherheitsnetz fördert Experimente und schnelle Iterationen, ohne befürchten zu müssen, dass die Produktion unterbrochen wird.
Für individuelle Anforderungen können Sie benutzerdefiniertes CSS direkt einfügen, um pixelgenaue Designs zu erzielen, die den anspruchsvollen Markenstandards entsprechen. Benutzerdefiniertes CSS wird vor der Bereitstellung sicher in einer Sandbox gespeichert und validiert. Das System stellt sicher, dass selbst erweiterte Anpassungen die Kernfunktionalität nicht beeinträchtigen.
Änderungen werden sofort auf allen Seiten, auf denen das Widget eingebettet ist, wirksam. Keine App-Neubereitstellung erforderlich. Aktualisieren Sie das Erscheinungsbild Ihres Widgets, testen Sie verschiedene Begrüßungen oder passen Sie Verhaltensweisen an und sehen Sie innerhalb von Sekunden Ergebnisse in der Produktion. Diese Agilität ermöglicht schnelle A/B-Tests und saisonale Updates.