Προσαρμογή Widget

Κάντε το chat widget να ταιριάζει με το brand σας και να συμπεριφέρεται ακριβώς όπως θέλετε. Όλη η προσαρμογή γίνεται στον πίνακα ελέγχου — οι αλλαγές εφαρμόζονται στον ιστότοπό σας αυτόματα, χωρίς να αγγίξετε τον κώδικα ενσωμάτωσης.

Θα βρείτε τις ρυθμίσεις στο Dashboard → Chatbots → επιλέξτε το chatbot σας:

• Η καρτέλα Widget ελέγχει την εμφάνιση (θέση, χρώματα, μέγεθος, κείμενα)
• Η καρτέλα Behavior ελέγχει τον τρόπο με τον οποίο το widget αλληλεπιδρά με τους επισκέπτες

Κάντε κλικ στο Save Changes στην κορυφή της σελίδας για να εφαρμόσετε τις επεξεργασίες σας.

Καρτέλα Widget: Εμφάνιση

Θέση

Επιλέξτε πού εμφανίζεται το widget στον ιστότοπό σας:

Χρωματικό Θέμα

Επιλέξτε ένα από τρία προεπιλεγμένα χρωματικά σύνολα:

Με την επιλογή Custom, μπορείτε να ορίσετε τέσσερα βασικά χρώματα:

• Primary — bubble, header gradient, buttons, and visitor messages
• Secondary — second color of the header gradient
• Background — chat window background
• Text — message text color

Προηγμένες Ρυθμίσεις Χρωμάτων

Χρειάζεστε περισσότερο έλεγχο; Με επιλεγμένο το preset Custom, αναπτύξτε τις Advanced Color Settings για να υπερισχύσετε των αυτόματα υπολογιζόμενων χρωμάτων:

• Visitor Messages — background and text color of visitor message bubbles
• Bot Messages — background and text color of bot message bubbles
• Header Text Color — color of the title and subtitle in the widget header

Οτιδήποτε αφήσετε αμετάβλητο υπολογίζεται αυτόματα για καλή αντίθεση. Κάθε υπερισχύουσα ρύθμιση έχει ένα κουμπί Reset to automatic για να επιστρέψει στο υπολογισμένο χρώμα.

Μέγεθος & Στυλ

Σε μικρές οθόνες κινητών το widget αλλάζει αυτόματα σε διάταξη πλήρους πλάτους, ανεξάρτητα από αυτές τις διαστάσεις.

Λογότυπο

Ενεργοποιήστε Use company logo in widget header για να εμφανιστεί το λογότυπο της εταιρείας σας στην κεφαλίδα του chat. Το ίδιο το λογότυπο ανεβαίνει στις Company Settings — συνιστάται: τετράγωνο, τουλάχιστον 200×200 px (JPG, PNG, GIF, WebP ή SVG, μέγ. 5 MB).

Αυτή η επιλογή είναι διαθέσιμη στο σχέδιο Professional και πάνω, και σε όλα τα Agency plans.

Τίτλος Κεφαλίδας, Υπότιτλος & Κείμενο Φούσκας

Εάν δεν ορίσετε ποτέ τίτλο ή υπότιτλο, το widget εμφανίζει το προεπιλεγμένο κείμενο — αυτόματα τοπικοποιημένο στη γλώσσα κάθε επισκέπτη.

Το κείμενο της φούσκας εμφανίζεται ως μικρή ετικέτα δίπλα στην κλειστή φούσκα συνομιλίας (π.χ. "Got questions?"). Αφήστε το κενό για να εμφανίζεται μόνο η στρογγυλή φούσκα.

Μεταφράσεις Widget

Εάν το chatbot σας υποστηρίζει πολλαπλές γλώσσες, εμφανίζεται μια κάρτα Widget Translations κάτω από τις ρυθμίσεις εμφάνισης. Εκεί μπορείτε να μεταφράσετε το μήνυμα καλωσορίσματος, το fallback μήνυμα, τον τίτλο κεφαλίδας, τον υπότιτλο κεφαλίδας και το κείμενο της φούσκας για κάθε ενεργοποιημένη γλώσσα.

Ζωντανή Προεπισκόπηση

Η δεξιά στήλη της καρτέλας Widget δείχνει μια Live Preview του widget που ενημερώνεται καθώς αλλάζετε τις ρυθμίσεις. Είναι διαδραστική: κλείστε το παράθυρο συνομιλίας με το X για να δείτε την κλειστή φούσκα (συμπεριλαμβανομένου του κειμένου της φούσκας), και κάντε κλικ στη φούσκα για να την ανοίξετε ξανά.

Καρτέλα Behavior: Αλληλεπίδραση

Ρυθμίσεις Συμπεριφοράς

Μέγιστο Μήκος Μηνύματος

Περιορίστε πόρους χαρακτήρων μπορούν να εισάγουν οι επισκέπτες ανά μήνυμα (100–10.000 χαρακτήρες, προεπιλογή 2.000). Αυτό βοηθά στην αποφυγή υπερβολικής χρήσης από πολύ μεγάλα εισερχόμενα κείμενα. Καθαρίστε το πεδίο ή κάντε κλικ στο Remove limit για να επιτρέψετε μηνύματα οποιουδήποτε μήκους.

Προ-Chat Φόρμα

Όταν η προ-chat φόρμα είναι ενεργοποιημένη, οι επισκέπτες συμπληρώνουν μια σύντομη φόρμα πριν ξεκινήσει η συνομιλία. Εσείς διαμορφώνετε τα πεδία:

• Field types: Text, Email, Phone, Textarea
• Κάθε πεδίο έχει μια ετικέτα (label), ένα προαιρετικό placeholder, και ένα διακόπτη required
• Αναδιατάξτε τα πεδία με τα κουμπιά μετακίνησης πάνω/κάτω, ή αφαιρέστε τα

Εάν το chatbot σας υποστηρίζει πολλαπλές γλώσσες, εμφανίζεται μια ενότητα μεταφράσεων κάτω από τον επεξεργαστή πεδίων. Εισάγετε μεταφράσεις για κάθε γλώσσα χειροκίνητα, ή κάντε κλικ στο Translate with AI για να μεταφραστούν αυτόματα όλες οι ετικέτες και τα placeholders.

Live Chat

Η καρτέλα Behavior περιέχει επίσης την κάρτα Live Chat Settings. Ενεργοποιήστε το live chat για να επιτρέψετε στους επισκέπτες να μιλούν με τους ανθρώπινους πράκτορές σας, και επιλέξτε λειτουργία:

Το Live Chat είναι διαθέσιμο στο σχέδιο Professional και πάνω, και σε όλα τα Agency plans. Δείτε Live Chat για το πώς να διαχειρίζεστε τις εισερχόμενες συνομιλίες.

Branding

Σε σχέδια που περιλαμβάνουν white-label, εμφανίζεται μια κάρτα Branding στο κάτω μέρος της καρτέλας Behavior. Το branding του ChatReact είναι κρυφό από προεπιλογή σε αυτά τα σχέδια — ενεργοποιήστε Show "Powered by ChatReact" εάν επιθυμείτε να το εμφανίσετε στο πόδι του widget.

Φάση Μάθησης

Όταν ένα νέο chatbot βρίσκεται στη φάση μάθησης, μπορείτε να ελέγξετε πόσο επιφυλακτικά απαντά — Cautious, Balanced (συνιστάται), ή Confident — στην καρτέλα Confidence της ίδιας σελίδας ρυθμίσεων. Αυτή η καρτέλα εμφανίζεται σε σχέδια που περιλαμβάνουν τον Improvement Agent. Δείτε τον οδηγό Improvement Agent για λεπτομέρειες.

Επόμενα Βήματα

• Widget Embedding →
• Chatbot Wizard →