Buddy Chat konfigurieren - Schritt 4: Einstellungen / Styling
Gehe nun oben auf den zweiten Tab. Dieser nennt sich „Styling“.
Hier kannst du ein Logo hochladen, das oben im Kopfbereich deines Buddy Chats erscheint.
Direkt darunter kannst du ein Icon hochladen, das in der Sprechblase des Buddy Chats auf deiner Website erscheint.
Darunter kannst du in dem Bereich mit der Überschrift „Farben“ die Farbenkonfiguration von Buddy vornehmen. Dabei geht es um die Farbe oben im gesamten Chat-Fenster über dem Textbereich. Es kann auch ein Farbverlauf gewählt werden. In dem Fall werden für die Farbe links und rechts zwei verschiedene Farben angegeben, z. B. Hell- und Dunkelblau. Durch Klicken auf das Farbquadrat öffnet sich ein Fenster, aus dem du deine Farbe genau auswählen oder einen Farbcode eingeben kannst.
Unter den Farbeinstellungen befindet sich der Bereich „Chat-Blase“. Hier kannst du die Konfiguration für die Chat-Blase, die auf deiner Website erscheint, vornehmen. Wähle die Größe sowie die Position der Chat-Blase aus.
Du kannst ebenso die Abstände der Chat-Blase von den Rändern deiner Website auswählen, indem du die Abstände von den Rändern links/rechts und oben/unten eingibst.
Für den Fall, dass auf deiner Website an dieser Stelle bereits ein anderes Element zu sehen ist und Buddy mit diesem Element überlappen würde und du diese Überlappung beibehalten möchtest, kannst du mit „Z-Index“ entscheiden, wie die Elemente überlappen sollen und welches Element im Vordergrund bzw. im Hintergrund angezeigt werden soll. Je höher der Z-Index ist, umso höher ist der Vorrang, d. h. dieses Element wird im Vordergrund und über dem anderen Element angezeigt.
Der nächste Tab nennt sich „Buttons“. Klicke diesen. Es erscheinen zwei Felder: „Buttons“ und „Schwebende Tasten“.
Gehe zuerst in den Bereich „Buttons“. Buttons erscheinen im Buddy Chat unter dem Textfeld von Buddy und über dem Text-Eingabefeld des Users. Es stehen vier Buttons zur Auswahl.
Du wählst zuerst unter Icon dein Icon aus:
- Personen-Icon – steht für Support
- LKW-Icon – steht für Versandinformationen
- Warenkorb-Icon – steht für Warenkorb-Anzeige
- Kreditkarten-Icon – steht für Checkout
In diesem Bereich ist in der ersten Zeile unter dern Überschriften „Position“ etc. eine Voreinstellung sichtbar. Diese zeigt den Button Support. Diesen solltest du auf jeden Fall nutzen. Klicke somit unter „Button“ auf „Support“.
Es öffnet sich ein Fenster. Unter „Titel“ kannst du den Namen zwar ändern, wir würden aber empfehlen, ihn „Support“ zu nennen, da dies für User ein gängiger Begriff ist und sofort verstanden wird.
Unter „Aktion“ gibt es vier Auswahlmöglichkeiten:
- send_message – gehört zum Personen-Icon
- get_shipping – gehört zum LKW-Icon
- get_cart – gehört zum Warenkorb-Icon
- get_checkout – gehört zum Kreditkarten-Icon
Für das Icon Support ist bereits die Aktion „send_message“ ausgewählt, was korrekt ist. Bitte nicht ändern.
Unter „Inhalt der Nachricht“ ist bereits der Text „Ich benötige Support“ voreingestellt. Bitte dies auch nicht ändern. Wenn das geändert wird, muss die Nachricht so lauten, dass der User Support anfordert.
Unter „Position“ kannst du definieren, an welcher Position im Chat der Button angezeigt wird, und zwar von links nach rechts.
Die Aktion, die durchgeführt wird, wenn der User auf den Button im Chat klickt, ist, dass der User Support anfordert und Buddy reagiert darauf entsprechend.
Weitere Buttons fügst du hinzu, indem du auf „Button hinzufügen“ klickst.
Möchtest du keine Buttons im Chat sichtbar anzeigen, kannst du das hier einstellen und „Button ausblenden“ anklicken.
Speichere deine Einstellungen, indem du auf „Speichern“ klickst.
Wenn du den „Berater“ aktiviert hast, kannst du auch einen Button im Buddy Chat aufnehmen, der sich „Berater“ nennt. Dann öffnet sich links vom Chat-Fenster ein weiteres Fenster, in dem ein Video, Produktkategorien, Preise, etc. eingefügt werden kann und somit auf der Website sichtbar sein werden. Bitte beachten: Im Mobile View überlagert das Berater-Fenster das Buddy Chat Fenster. Weitere Erklärungen zu Berater werden im Bereich „Berater“ erklärt.
