Skip to main content

Chatbot Appearance: εμφάνιση, θέση και συμπεριφορά

Το Chatbot Appearance αφορά το πώς φαίνεται και πώς συμπεριφέρεται το chatbot μέσα στο site σου.

Δεν αρκεί το chatbot να απαντά σωστά. Πρέπει επίσης να εμφανίζεται σωστά, να μην ενοχλεί τον επισκέπτη και να ταιριάζει με το brand του site.

Πότε χρησιμοποιείς αυτόν τον οδηγό​

Χρησιμοποίησε αυτόν τον οδηγό όταν θέλεις να:

  • αλλάξεις τη θέση του chatbot,
  • προσαρμόσεις τα χρώματα,
  • ταιριάξεις το chatbot με το brand,
  • ελέγξεις πώς φαίνεται σε mobile,
  • ρυθμίσεις αν ανοίγει αυτόματα,
  • αλλάξεις το welcome message,
  • κάνεις το widget πιο διακριτικό ή πιο εμφανές,
  • βελτιώσεις την εμπειρία του επισκέπτη.

Γιατί είναι σημαντική η εμφάνιση​

Το chatbot είναι ορατό σε πολλές σελίδες του site.

Αν είναι πολύ έντονο, μπορεί να ενοχλεί.

Αν είναι πολύ κρυμμένο, μπορεί να μη το χρησιμοποιεί κανείς.

Ο στόχος είναι να είναι:

  • ορατό,
  • χρήσιμο,
  • διακριτικό,
  • εύκολο στο άνοιγμα,
  • σωστό σε mobile,
  • συνεπές με το brand.

Βήμα 1 — Άνοιξε Chatbot settings​

Μπες στο Centuply app, επίλεξε το site σου και άνοιξε την ενότητα Chatbot.

Μετά άνοιξε τις επιλογές εμφάνισης, όπως Appearance, Style, Widget, ή αντίστοιχη καρτέλα.

Βήμα 2 — Διάλεξε θέση widget​

Το chatbot συνήθως εμφανίζεται κάτω δεξιά ή κάτω αριστερά.

Η πιο συνηθισμένη θέση είναι κάτω δεξιά, γιατί οι επισκέπτες την αναγνωρίζουν εύκολα.

Έλεγξε όμως αν:

  • καλύπτει κουμπιά,
  • καλύπτει φόρμες,
  • κρύβει mobile navigation,
  • πέφτει πάνω σε sticky CTA,
  • εμποδίζει σημαντικό περιεχόμενο.

Βήμα 3 — Ρύθμισε χρώματα​

Το chatbot πρέπει να ταιριάζει με τα χρώματα του site.

Συνήθως μπορείς να ρυθμίσεις:

  • χρώμα κουμπιού,
  • χρώμα header,
  • χρώμα μηνυμάτων,
  • χρώμα background,
  • χρώμα κειμένου,
  • accent color.

Χρησιμοποίησε χρώματα που έχουν καλή αντίθεση και διαβάζονται εύκολα.

Βήμα 4 — Ρύθμισε welcome message​

Το welcome message είναι το πρώτο μήνυμα που βλέπει ο επισκέπτης.

Παραδείγματα:

Γεια σας! Πώς μπορούμε να βοηθήσουμε;

Θέλετε βοήθεια με υπηρεσίες ή κρατήσεις;

Ρωτήστε μας για τις υπηρεσίες, τις ώρες λειτουργίας ή την τοποθεσία.

Κράτα το μήνυμα σύντομο, φιλικό και σχετικό με την επιχείρηση.

Βήμα 5 — Ρύθμισε quick actions​

Αν το chatbot υποστηρίζει quick actions, πρόσθεσε χρήσιμες επιλογές.

Παραδείγματα:

  • Δες υπηρεσίες,
  • Κλείσε ραντεβού,
  • Επικοινώνησε μαζί μας,
  • Ζήτησε προσφορά,
  • Δες ώρες λειτουργίας,
  • Βρες τοποθεσία.

Οι quick actions βοηθούν τον επισκέπτη να προχωρήσει χωρίς να γράψει ερώτηση.

Βήμα 6 — Ρύθμισε auto-open συμπεριφορά​

Σε μερικά sites, το chatbot μπορεί να ανοίγει αυτόματα μετά από λίγα δευτερόλεπτα.

Χρησιμοποίησε αυτή τη λειτουργία προσεκτικά.

Το auto-open μπορεί να βοηθήσει, αλλά μπορεί και να ενοχλήσει αν εμφανίζεται πολύ γρήγορα.

Καλές πρακτικές:

  • μην ανοίγει αμέσως,
  • μην καλύπτει το hero,
  • μην ανοίγει ξανά συνέχεια,
  • να είναι εύκολο να κλείσει,
  • να μη χαλάει το mobile experience.

Βήμα 7 — Έλεγξε mobile εμφάνιση​

Το mobile είναι κρίσιμο.

Άνοιξε mobile preview και έλεγξε:

  • αν το chatbot button φαίνεται σωστά,
  • αν δεν καλύπτει CTA,
  • αν το παράθυρο ανοίγει σωστά,
  • αν το κείμενο διαβάζεται,
  • αν το κλείσιμο είναι εύκολο,
  • αν δεν εμποδίζει φόρμες ή booking.

Αν το chatbot ενοχλεί σε μικρή οθόνη, κάνε το πιο διακριτικό.

Βήμα 8 — Έλεγξε desktop εμφάνιση​

Σε desktop, το chatbot πρέπει να φαίνεται καθαρό χωρίς να τραβά υπερβολικά την προσοχή.

Έλεγξε:

  • θέση,
  • μέγεθος,
  • χρώματα,
  • spacing,
  • αν ταιριάζει με header και footer,
  • αν δεν καλύπτει σημαντικά sections.

Βήμα 9 — Δοκίμασε άνοιγμα και κλείσιμο​

Πριν το publish, δοκίμασε τη βασική χρήση.

Έλεγξε:

  • άνοιγμα widget,
  • κλείσιμο widget,
  • scroll μέσα στη συνομιλία,
  • quick actions,
  • αποστολή ερώτησης,
  • εμφάνιση απάντησης,
  • λειτουργία σε mobile.

Η εμπειρία πρέπει να είναι απλή και φυσική.

Βήμα 10 — Αποθήκευσε και κάνε publish​

Όταν είσαι ικανοποιημένος με την εμφάνιση, αποθήκευσε τις αλλαγές.

Μετά κάνε publish και έλεγξε το live site, όχι μόνο το preview.

Καλές πρακτικές​

  • Κράτα το widget διακριτικό.
  • Χρησιμοποίησε χρώματα με καλή αντίθεση.
  • Μην καλύπτεις σημαντικά κουμπιά.
  • Έλεγξε πάντα mobile.
  • Κράτα το welcome message σύντομο.
  • Πρόσθεσε χρήσιμες quick actions.
  • Μην κάνεις auto-open πολύ επιθετικό.
  • Δοκίμασε το live site μετά το publish.

Video tutorial​

Προτεινόμενο video για αυτό το άρθρο:

Τίτλος: Πώς αλλάζεις την εμφάνιση του chatbot στο Centuply

Διάρκεια: 3-5 λεπτά

Σενάριο video:

  1. Άνοιγμα Chatbot settings.
  2. Άνοιγμα Appearance.
  3. Αλλαγή θέσης widget.
  4. Αλλαγή χρωμάτων.
  5. Ρύθμιση welcome message.
  6. Προσθήκη quick actions.
  7. Έλεγχος mobile.
  8. Test open και close.
  9. Publish.

Συχνές ερωτήσεις​

Πού πρέπει να εμφανίζεται το chatbot;​

Συνήθως κάτω δεξιά, εκτός αν καλύπτει σημαντικά κουμπιά ή περιεχόμενο.

Πρέπει να ανοίγει αυτόματα;​

Όχι απαραίτητα. Αν ανοίγει αυτόματα, πρέπει να γίνεται διακριτικά και όχι αμέσως.

Τι χρώμα να χρησιμοποιήσω;​

Χρησιμοποίησε χρώμα που ταιριάζει με το brand και έχει καλή αντίθεση.

Τι να γράψω στο welcome message;​

Γράψε κάτι σύντομο και χρήσιμο, όπως “Γεια σας! Πώς μπορούμε να βοηθήσουμε;”

Πρέπει να το ελέγξω σε mobile;​

Ναι. Το chatbot μπορεί να καλύψει σημαντικά στοιχεία σε μικρές οθόνες, άρα το mobile check είναι απαραίτητο.