Wix Smart Chat ermöglicht es dir, die Stimme und den Stil deiner Marke durch das Design und die Anpassung deiner Chat-Oberfläche widerzuspiegeln. Du kannst Farben, Text, Layout und mehr direkt in deinem Editor anpassen, was die Nutzung für Besucher einfach macht.
Diese persönliche Note kann dazu führen, dass sie sich stärker mit deiner Marke verbunden fühlen und ihren Kauf eher abschließen. Indem du Website-Besucher dazu ermutigst, Kontakt aufzunehmen, steigerst du die Interaktion und bietest einen besseren Service.
Dein Chat-Layout anpassen
Wähle aus, wie der Chat auf deiner Website angezeigt werden soll. Lege fest, wo er auf der Seite erscheint und wie neue Nachrichten für Besucher angezeigt werden.
Um dein Layout anzupassen:
- Öffne deinen Editor.
- Klicke auf das Chat-Widget.
- Klicke auf Einstellungen.
- Klicke auf den Tab Layout .
- Wähle aus, was du anpassen möchtest:
- Position: Entscheide, ob dein Chatfenster unten links oder unten rechts auf deiner Website erscheinen soll.
- Breite und Höhe: Wähle die Breite und Höhe deines Chats. Du kannst die Standardeinstellungen verwenden oder sie mithilfe des Sliders anpassen.
Die Texteinstellungen des Chats konfigurieren
Gib den Text ein, der angezeigt werden soll, wenn der Chat minimiert oder offline ist. Gib deinen Besuchern vorab Informationen, wie zum Beispiel die typische Antwortzeit.
Um deine Texteinstellungen zu konfigurieren:
- Öffne deinen Editor.
- Klicke auf das Chat-Widget.
- Klicke auf Einstellungen.
- Klicke auf den Tab Text .
- Wähle den Modus aus, den du anpassen möchtest: KI-Chat-Text oder Manueller Chat-Text.
- Wähle aus, was du anpassen möchtest:
- Text der Kopfzeile: Gib den Namen ein, der in der Kopfzeile erscheinen soll, wenn das Chatfenster geöffnet ist.
- Hilfetext für die Eingabe: Lege den Standardtext fest, der Besucher dazu auffordert, eine Nachricht einzugeben (z. B. „Gib deine Nachricht ein...“).
- Wenn der Chat online ist: Gib den Text ein, den Website-Besucher sehen, wenn dein Chatfenster für den Chat verfügbar, aber minimiert ist.
- Wenn der Chat offline ist: Gib den Text ein, den Website-Besucher sehen, wenn dein Chatfenster nicht verfügbar und minimiert ist.
Hinweis: Diese Option ist nur verfügbar, wenn du ein minimiertes Chat-Layout ausgewählt hast, das Text im Tab Design enthält.
Deinen Chat gestalten
Gestalte jede Komponente des Chats in deinem Editor.
Um deinen Chat zu gestalten:
- Öffne deinen Editor.
- Klicke auf das Chat-Widget.
- Klicke auf Einstellungen.
- Klicke auf den Tab Design .
- Wähle aus, was du gestalten möchtest:
Passe die Kopfzeile deines Chatfensters an:
- Hintergrund-, Schrift- und Buttonfarben: Wähle eine Farbe aus dem Design deiner Website oder wähle eine individuelle Farbe.
- Schriftart: Wähle einen Stil und eine Schriftart über die Drop-down-Menüs aus und passe die Größe mit dem Slider an.
- Symbol für KI anzeigen: Klicke auf den Schieberegler, um das Symbol für KI in der Kopfzeile anzuzeigen oder auszublenden.
Wähle aus, wie der Hintergrund deines Chatfensters aussehen soll:
- Farben ändern: Wähle eine Farbe aus dem Design deiner Website oder wähle eine individuelle Farbe.
- Schatten anwenden: Klicke auf den Schieberegler, um den Schatten anzuzeigen oder auszublenden. Verwende die Slider, um Deckkraft, Blur, Ausbreitung und Ausrichtung des Schattens anzupassen.
Wähle aus, ob du Nachrichten von Besuchern, KI-Nachrichten oder Karten gestalten möchtest, und passe deren Elemente an:
- Farben: Wähle eine Farbe aus dem Design deiner Website oder wähle eine individuelle Farbe.
- Schriftart: Wähle einen Stil und eine Schriftart über die Drop-down-Menüs aus und passe die Größe mit dem Slider an.
- Schatten anwenden: Klicke auf den Schieberegler, um den Schatten anzuzeigen oder auszublenden. Verwende die Slider, um Deckkraft, Blur, Ausbreitung und Ausrichtung des Schattens anzupassen.
- Ränder anpassen: Verwende die Slider, um Deckkraft, Breite und Radius des Rands anzupassen.
Passe an, wie das Texteingabefeld für deine Nutzer aussieht, wenn sie den Chat öffnen, mit der Maus über das Feld fahren oder darauf klicken (Fokus):
- Ränder anpassen: Verwende die Slider, um Deckkraft, Breite und Radius des Rands anzupassen.
- Farben: Wähle eine Farbe aus dem Design deiner Website oder eine individuelle Farbe.
- Schriftart: Wähle einen Stil und eine Schriftart über die Drop-downs und passe die Größe mit dem Slider an.
Passe an, wie dein Chatfenster aussieht, wenn es minimiert ist.
- Chat-Sprechblase: Passe die Farbe, die Schriftart und den Schatten an, wenn eine Chat-Nachricht über dem Button erscheint.
- Chat-Button: Passe das Design für den Chat-Button an.
- Design: Wähle ein Design für das Chatfenster:
- Standard: Der Chat schwebt über der unteren Ecke deiner Website.
- Tab: Der Chat ist am unteren Rand deiner Website angeheftet.
- Kompakt: Der Chat zeigt nur dein gewähltes KI-Symbol ohne Text an.
- Anzeige: Wähle einen Stil für dein minimiertes Chatfenster: Text & Symbol, Text oder Symbol.
- Füllfarbe: Wähle eine Farbe aus dem Design deiner Website oder wähle eine individuelle Farbe.
- Schriftstil & Farbe: Wähle einen Stil und eine Schriftart über die Dropdown-Menüs aus.
- Symbolfarbe: Wähle eine Farbe für das Symbol (d. h. den Button).
- Button-Symbol: Wähle einen Symbolstil aus den verfügbaren Optionen.
- Schatten anwenden: Klicke auf den Schieberegler, um den Schatten anzuzeigen oder auszublenden. Verwende die Slider, um Deckkraft, Blur, Ausbreitung und Ausrichtung des Schattens anzupassen.
- Anstups-Animation anwenden: Klicke auf den Schieberegler, um eine Anstups-Animation zu aktivieren, die abgespielt wird, wenn der Smart Chat eine neue Nachricht sendet, während das Chatfenster minimiert ist.
- Rahmenanimation anwenden: Klicke auf den Schieberegler, um eine Animation zu aktivieren, die auf den Chat aufmerksam macht.
