LivePly
LivePly
AI Chatbot
BranchenPreiseKontaktAnmeldenRegistrieren

Sprache wechseln

Funktion - Design-Editor

Design-Editor,auf Ihre Marke zugeschnitten

Stellen Sie Farben, Sprechblasen-Icon, Größe, Position und Begrüßungsnachricht Ihres AI Chat Widgets so ein, dass sie perfekt zu Ihrer Marke passen - und sehen Sie live, wie jede Änderung sofort in der Vorschau erscheint.

Was kann die Design-Editor-Funktion?

Im Design-Editor wird das AI Chat Widget sichtbar zu Ihrem eigenen. Jede hier eingestellte Farbe, jedes Icon und jede Nachricht aktualisiert sofort die echte, funktionierende Vorschau, noch bevor Sie etwas speichern.

Eigene Farben

Stellen Sie eine Primär- und eine Sekundärfarbe ein, die genau zu Ihrer Marke passt, und sehen Sie sie sofort im gesamten Chatfenster.

Eigenes Sprechblasen-Icon

Laden Sie Ihr eigenes PNG-, JPEG-, GIF-, WebP- oder SVG-Icon für die Sprechblase hoch - oder behalten Sie die Standardeinstellung bei.

Position und Größe

Platzieren Sie das Widget in der linken oder rechten unteren Ecke, feinjustieren Sie den Abstand zur Ecke und stellen Sie die genaue Breite und Höhe ein.

Dunkelmodus

Schalten Sie das gesamte Widget mit einem einzigen Schalter auf ein dunkles Farbschema, für dunkler gestaltete Websites.

Begrüßungsnachricht und Schnellfragen

Schreiben Sie eine eigene Begrüßungsnachricht und einen eigenen Eingabe-Platzhalter, und fügen Sie bis zu 5 anklickbare Schnellfragen hinzu.

Live-Echtzeitvorschau

Jede Einstellung aktualisiert sofort das echte, funktionierende Chatfenster - so sehen Sie genau, was Ihre Besucher sehen werden, noch vor dem Speichern.

Design-Editor - Farben

Farben, die genau zu Ihrer Marke passen

Stellen Sie eine Primärfarbe für Kopfzeile und Schaltflächen sowie eine Sekundärfarbe für Akzente ein - beide erscheinen sofort im gesamten Widget, sodass sich das AI Chat Widget wie ein natürlicher Teil Ihrer Website anfühlt, nicht wie ein aufgesetztes Element.

Die Farben stellen Sie mit einem einfachen Hex-Farbwähler ein, sodass Sie sie bis zur letzten Nuance exakt an die eigene Farbpalette Ihrer Marke anpassen können - ohne Design-Tool oder Entwickler.

Design-Editor - Sprechblasen-Icon

Ihr eigenes Icon auf der Chat-Sprechblase

Laden Sie Ihr eigenes Logo oder Icon im Format PNG, JPEG, GIF, WebP oder SVG hoch, bis zu 2 MB groß, und es ersetzt sofort das Standard-Icon auf der schwebenden Chat-Sprechblase.

Haben Sie gerade kein eigenes Icon zur Hand? Das Widget zeigt standardmäßig ein schlichtes Standard-Icon, sodass das AI Chat Widget vom ersten Moment an einen gepflegten Eindruck macht - das Icon können Sie jederzeit später hochladen oder austauschen.

Design-Editor - Position und Größe

Passt sich exakt an das Layout Ihrer Website an

Wählen Sie, ob das Widget in der rechten oder linken unteren Ecke erscheinen soll, und feinjustieren Sie den horizontalen und vertikalen Abstand zum Rand, damit es Ihre eigenen Schaltflächen oder den Cookie-Banner nie verdeckt.

Stellen Sie die genaue Breite und Höhe des Chatfensters passend zum Layout Ihrer Website und zu verschiedenen Bildschirmgrößen ein - für eine inhaltsreiche Seite ein breiteres, höheres Fenster, für eine einfache Landingpage ein kompakteres.

Design-Editor - Begrüßungsnachricht

Die Begrüßungsnachricht schreiben Sie auch selbst

Schreiben Sie Ihre eigene Begrüßungsnachricht, den angezeigten Namen und den Eingabe-Platzhalter, damit auch der allererste Satz, den der Besucher sieht, mit der Stimme Ihres Unternehmens spricht und nicht mit einer allgemeinen Vorlage.

Fügen Sie bis zu 5 anklickbare Schnellfragen hinzu, die vor der ersten Nachricht des Besuchers erscheinen - so kann er das Gespräch schnell und gezielt starten, statt vor einem leeren Eingabefeld zu stehen.

Design-Editor - Dunkelmodus

Ein Schalter für das komplette dunkle Thema

Aktivieren Sie den Dunkelmodus mit einem einzigen Schalter, und Kopfzeile, Nachrichtenblasen und Eingabefeld wechseln gemeinsam zu einem dunklen Farbschema - keine separaten Einstellungen nötig.

Das ist besonders nützlich bei dunkel gestalteten Websites, wo ein helles, weißes Chatfenster sonst störend gegenüber dem Rest der Seite abstechen würde.

Häufig gestellte Fragen

Sie können die Primär- und Sekundärfarbe festlegen, ein eigenes Sprechblasen-Icon hochladen, Position und Größe des Widgets wählen, den Dunkelmodus aktivieren sowie eine eigene Begrüßungsnachricht, einen Platzhaltertext und bis zu 5 Schnellfragen schreiben.
Wir unterstützen PNG, JPEG, GIF, WebP und SVG, mit bis zu 2 MB pro Datei.
Ja, Sie können eine genaue Breite und Höhe für das Chatfenster einstellen, damit es zum Layout Ihrer Website passt.
Bis zu 5 anklickbare Startfragen, die vor der ersten Nachricht des Besuchers erscheinen.
Ja, die Anpassung des Erscheinungsbilds - Farben, Icon, Position, Größe und Begrüßungsnachricht - ist in jedem Paket enthalten, ab dem Starter-Paket.
Ja, jede Änderung aktualisiert sofort die echte, funktionierende Vorschau des Widgets - inklusive einer echten Chat-Sitzung -, sodass Sie genau sehen, was Ihre Besucher sehen werden, bevor Sie speichern.
Ja, Sie können zwischen der rechten und linken unteren Ecke wählen und den horizontalen und vertikalen Abstand zur Ecke feinjustieren.
Ja, mit einem einzigen Schalter wechselt das gesamte Widget - Kopfzeile, Nachrichten und Eingabefeld - auf ein dunkles Farbschema.
Nein, jede Einstellung ist ein einfaches Formularfeld oder ein Farbwähler im Admin-Bereich - keine Programmierung oder Design-Tool nötig.
Ja, nach dem Speichern erscheint das in Ihre Website eingebettete Widget sofort mit den neuen Einstellungen, ohne den Einbettungscode zu ändern.

Bereit für den Start?

Werden Sie Teil der LivePly-Plattform und erstellen Sie noch heute Ihren ersten AI Chatbot.

Jetzt kostenlos registrieren und 14 Tage starten