Θέμα & Εμφάνιση
Η σελίδα Θέμα είναι το μέρος όπου δίνετε στον βοηθό σας την οπτική του ταυτότητα — όνομα, avatar, χρώματα μάρκας — και επιλέγετε τα κανάλια όπου θα ζει. Όλα προβάλλονται ζωντανά στη σελίδα, ώστε να μπορείτε να κάνετε αλλαγές χωρίς να αφήσετε τον πίνακα ελέγχου.
Κάντε τον AI πράκτορά σας να φαίνεται σύμφωνα με την μάρκα · Θέμα + widget GDPR
→ Διαδρομή διαχειριστή: Προσαρμογή → Θέμα (/admin/chatModel/{id}/settings/theme)
Τι ρυθμίζετε
Η σελίδα είναι οργανωμένη σε τρία βήματα. Μπορείτε να προχωρήσετε μπροστά και πίσω οποιαδήποτε στιγμή; οι αλλαγές στο βήμα 2 αποθηκεύονται όταν πατήσετε Αποθήκευση & Επόμενο.
Βήμα 1 — Ταυτότητα
- Όνομα — το δημόσιο όνομα του βοηθού σας (π.χ. "Έμμα", "Βοηθός Υποστήριξης"). Ορατό παντού όπου ο βοηθός σας μιλά στους χρήστες.
- Avatar — η εικόνα που βλέπουν οι χρήστες στην κεφαλίδα συνομιλίας και στις φούσκες μηνυμάτων. Ανεβάστε μια τετράγωνη εικόνα; εμείς την αλλάζουμε σε μέγεθος και την σερβίρουμε από το CDN μας.
Το όνομα είναι αυτό με το οποίο οι χρήστες απευθύνονται στον βοηθό. Επιλέξτε κάτι που να είναι σύμφωνα με την μάρκα και εύκολο στην πληκτρολόγηση — γίνεται η ταυτότητα του βοηθού σε κάθε κανάλι.
Βήμα 2 — Χρώματα
Δύο χρώματα καθορίζουν την παλέτα του widget:
| Χρώμα | Πού εμφανίζεται |
|---|---|
Πρωτεύον (brand.200) | Φόντο του αιωρούμενου κουμπιού, τονισμένα φόντα φούσκας μηνυμάτων, καταστάσεις hover |
Δευτερεύον (brand.500) | Κουμπί αποστολής, σύνδεσμοι μέσα στη συνομιλία, δαχτυλίδια εστίασης, ενεργές καταστάσεις |
Και οι δύο είσοδοι δέχονται οποιαδήποτε τιμή HEX. Η ζωντανή προεπισκόπηση στο κάτω μέρος της σελίδας αντικατοπτρίζει τις αλλαγές σας σε πραγματικό χρόνο ώστε να μπορείτε να επιλέξετε ένα ζευγάρι που διαβάζεται καλά στον ιστότοπό σας πριν την αποθήκευση.
Γιατί μόνο δύο χρώματα; Το σύστημα σχεδίασής μας προέρχεται από μια πλήρη παλέτα 5 βημάτων (100/200/500/700/900) από αυτούς τους δύο άξονες. Εσείς καθορίζετε τον τόνο; εμείς διατηρούμε τα υπόλοιπα συνεπή.
Βήμα 3 — Ενσωμάτωση
Αφού ο βοηθός σας φαίνεται σωστός, πηδήξτε κατευθείαν στο κανάλι ενσωμάτωσης της επιλογής σας:
- Web Widget — κώδικας ενσωμάτωσης για οποιονδήποτε ιστότοπο, με πλήρη έλεγχο κουμπιών και διάταξης
- WordPress — αυτόματη έγχυση μέσω του WordPress plugin
- PrestaShop — αυτόματη έγχυση μέσω του PrestaShop module
- Shopify — συνδέστε το κατάστημά σας και εγχύστε το chatbot αυτόματα
- Joomla — αυτόματη έγχυση μέσω του Joomla plugin
Κάθε κάρτα σας οδηγεί στη σελίδα ενσωμάτωσης όπου ρυθμίζετε το στυλ κουμπιού, τη θέση, τη λειτουργία ανατροφοδότησης, τις δυνατότητες φωνής και τη συμπεριφορά ανά κανάλι.
Ζωντανή προεπισκόπηση
Ένα ζωντανό widget συνομιλίας εμφανίζεται στη σελίδα Θέμα. Επαναενσωματώνεται αυτόματα κάθε φορά που αλλάζετε ένα χρώμα, ώστε να βλέπετε την ακριβή απόδοση που θα έχουν οι τελικοί χρήστες σας — δεν χρειάζεται να δημοσιεύσετε ή να ανοίξετε άλλη καρτέλα.
Η προεπισκόπηση χρησιμοποιεί το ίδιο universal-chatbot.js bundle όπως η παραγωγή, οπότε αυτό που βλέπετε είναι αυτό που θα δουν οι επισκέπτες σας.
Άδειες
| Ενέργεια | Απαιτούμενη άδεια |
|---|---|
| Προβολή της σελίδας Θέμα | THEME_READ |
| Αλλαγή χρωμάτων / αποθήκευση θέματος | THEME_UPDATE |
| Μετονομασία του βοηθού | CHAT_MODEL_UPDATE |
Τα μέλη χωρίς THEME_UPDATE βλέπουν τη σελίδα σε κατάσταση μόνο για ανάγνωση (απενεργοποιημένες είσοδοι, χωρίς κουμπί Αποθήκευσης). Δείτε Έλεγχος Πρόσβασης για το πώς να αναθέσετε αυτές τις άδειες.
Συμβουλές
- Δοκιμάστε σε πραγματικό φόντο. Ανοίξτε τον ιστότοπό σας σε μια δεύτερη καρτέλα ενώ επιλέγετε χρώματα — αυτό που φαίνεται καλό στον πίνακα ελέγχου μπορεί να συγκρούεται με την ηρωική σας ενότητα.
- Διατηρήστε την αντίθεση. Το δευτερεύον χρώμα χρησιμοποιείται επίσης για κείμενο που είναι clickable στη συνομιλία. Αν οι χρήστες δεν μπορού ν να το διαβάσουν, δεν θα κάνουν κλικ.
- Ταιριάξτε το CTA σας, όχι το λογότυπό σας. Το widget είναι μια διαδραστική επιφάνεια, οπότε συνδέστε το με το χρώμα δράσης του ιστότοπού σας (τον τόνο "Αγορά τώρα" / "Εγγραφή") αντί για το χρώμα του λογότυπού σας.
- Το avatar έχει μεγαλύτερη σημασία από ό,τι νομίζετε. Ένα πραγματικό πρόσωπο ή ένας στυλιζαρισμένος χαρακτήρας μετατρέπει καλύτερα από ένα γενικό εικονίδιο ρομπότ — οι χρήστες ανοίγουν τη συνομιλία περισσότερο όταν φαίνεται ανθρώπινο.
Σχετικά
- Βιογραφικό — καθορίστε την προσωπικότητα και τους κανόνες απόφασης του βοηθού σας
- Ενσωμάτωση του Chatbot — ενσωματώστε το σε έναν ιστότοπο
- Κανάλια — συνδέστε πλατφόρμες μηνυμάτων
- Έλεγχος Πρόσβασης — διαχειριστείτε ποιος μπορεί να επεξεργαστεί το θέμα