Πώς να προσαρμόσετε την εμφάνιση του chatbot σας

Το Shoply AI Chat και το AI Search προσφέρουν περισσότερες από 40 επιλογές για να προσαρμόσετε την εμφάνιση της εφαρμογής.

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

Είστε έτοιμοι να ξεκινήσετε; Ανοίξτε το Customize AI Chat στην Shoply AI Admin Console σας, είτε χρησιμοποιείτε Shopify είτε κάποια άλλη πλατφόρμα ιστοσελίδας. Αν το chatbot δεν είναι ακόμη ορατό, ακολουθήστε τη λίστα ελέγχου εγκατάστασης και ορατότητας.

Προεπισκόπηση του παραθύρου συνομιλίας σας

Δοκιμάστε το ίδιο θέμα και τις ίδιες απεικονίσεις πλάτους επιφάνειας εργασίας που χρησιμοποιούνται στο πάνελ διαχείρισης. Επιλέξτε ανοιχτή ή σκοτεινή εμφάνιση και συγκρίνετε πόσο χώρο καταλαμβάνει το παράθυρο συνομιλίας.

Για να αλλάξετε τον τρόπο με τον οποίο μιλάει το AI αντί για το πώς φαίνεται, δείτε πώς να προσαρμόσετε την προσωπικότητα του AI σας.

Επιλογή εικονιδίου συνομιλίας

Select an icon

Μπορείτε να επιλέξετε ένα εικονίδιο συνομιλίας από τα 17 διαφορετικά προκαθορισμένα εικονίδια μας ή να ανεβάσετε μια εικόνα ως δικό σας εικονίδιο συνομιλίας

Χρώμα και μέγεθος του εικονιδίου συνομιλίας

Primary Color

Αυτό είναι το κύριο χρώμα θέματος και χρησιμοποιείται επίσης ως χρώμα τονισμένου κειμένου στο παράθυρο συνομιλίας.

Αν χρησιμοποιείτε ανοιχτή λειτουργία στον ιστότοπό σας, επιλέξτε ένα μη λευκό χρώμα ως χρώμα θέματος — αυτό γίνεται για να διασφαλιστεί ότι το τονισμένο κείμενο παραμένει ευανάγνωστο στο ανοιχτό φόντο. Αν χρησιμοποιείτε σκοτεινή λειτουργία στον ιστότοπό σας, επιλέξτε ένα μη μαύρο χρώμα ως χρώμα θέματος.

Complementary Color

Αυτό είναι ένα συμπληρωματικό χρώμα που λειτουργεί μαζί με το βασικό σας χρώμα για να δημιουργεί διαβαθμίσεις (ομαλή μετάβαση μεταξύ δύο χρωμάτων) για το εικονίδιο συνομιλίας και την κεφαλίδα του παραθύρου συνομιλίας, κάνοντας το εικονίδιο συνομιλίας πιο ελκυστικό οπτικά και πιο ευθυγραμμισμένο με την επωνυμία σας.

Icon’s Line Color

Αυτό είναι το χρώμα περιγράμματος του εικονιδίου συνομιλίας.

Whether to remove the background color of the chat icon.

Αυτό είναι συχνά χρήσιμο αν ανεβάσετε μια εικόνα ως εικονίδιο συνομιλίας και θέλετε να αφαιρέσετε το χρώμα φόντου (το βασικό χρώμα) του εικονιδίου συνομιλίας.

Whether to remove the shadow of the chat icon.

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

Floating Icon Size for desktop and mobile.

Σε κινητές συσκευές, ίσως θελήσετε να ορίσετε μικρότερο μέγεθος για το εικονίδιο συνομιλίας ώστε να μην εμποδίζει την προβολή της οθόνης του κινητού από τον πελάτη.

Τοποθέτηση του εικονιδίου συνομιλίας

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

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

Auto-hide chat icon on mobile

Απόκρυψη του εικονιδίου συνομιλίας μετά από συγκεκριμένο αριθμό δευτερολέπτων σε κινητές συσκευές.

Αυτή η επιλογή είναι διαθέσιμη μόνο για κινητές συσκευές. Βοηθά ώστε το εικονίδιο συνομιλίας να μην εμποδίζει την προβολή της οθόνης του κινητού από τον πελάτη.

Προσαρμογή παραθύρου συνομιλίας

Όταν κάνετε κλικ στο εικονίδιο συνομιλίας του Shoply AI, θα εμφανιστεί το παράθυρο συνομιλίας. Οι πελάτες μπορούν να αλληλεπιδράσουν με το Shoply AI μέσω αυτού του παραθύρου συνομιλίας.

Αυτή η ενότητα θα σας καθοδηγήσει στις διάφορες διαθέσιμες επιλογές για την προσαρμογή του παραθύρου συνομιλίας.

Color Theme (dark mode or light mode) of the chat window

Αν επιλέξετε τη σκοτεινή λειτουργία, το φόντο του παραθύρου συνομιλίας θα είναι μαύρο και το χρώμα γραμματοσειράς θα είναι λευκό. Συνιστούμε να υιοθετήσετε την επιλογή σκοτεινής λειτουργίας αν και το θέμα του καταστήματός σας είναι επίσης σε σκοτεινή λειτουργία.

Width of the chat window on desktop

Αυτή η επιλογή ισχύει μόνο για επιφάνεια εργασίας. Σε κινητές συσκευές, το παράθυρο συνομιλίας καταλαμβάνει πάντα όλη την οθόνη.

Select the branding image and background image

Μπορείτε να επιλέξετε να ανεβάσετε τη δική σας εικόνα επωνυμίας και εικόνα φόντου για το παράθυρο συνομιλίας ή απλώς να αφήσετε το Shoply AI να δημιουργήσει αυτές τις εικόνες για εσάς.

Αν επιλέξετε να χρησιμοποιήσετε εικόνα που δημιουργείται από AI, το Shoply AI θα δημιουργήσει τις εικόνες επωνυμίας και τις εικόνες φόντου με βάση την περιγραφή του καταστήματός σας.

Adjust the transparency and aspect ratios of the background image for the chat window.

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

Whether to remove Shoply AI’s Logo in Input Bar

Αυτή η επιλογή σας επιτρέπει να αφαιρέσετε το λογότυπο Shoply AI από τη γραμμή εισαγωγής της συνομιλίας για μια πιο καθαρή εμπειρία, περισσότερο προσαρμοσμένη στην επωνυμία σας. Αυτό είναι ιδιαίτερα χρήσιμο αν θέλετε να διατηρήσετε μια συνεπή ταυτότητα επωνυμίας σε όλο το κατάστημά σας χωρίς λογότυπα τρίτων ή αν προτιμάτε έναν πιο μινιμαλιστικό σχεδιασμό διεπαφής συνομιλίας.

Αυτή η επιλογή είναι διαθέσιμη μόνο σε προγράμματα επί πληρωμή.

Προκαθορισμένα μηνύματα για το AI Chat

Μπορείτε επίσης να ορίσετε ή να επεξεργαστείτε προεπιλεγμένα μηνύματα που καθοδηγούν τους πελάτες όταν αλληλεπιδρούν για πρώτη φορά με το chatbot σας. Επιπλέον, μπορείτε να διαμορφώσετε τις επιλογές μετάφρασης για αυτά τα μηνύματα (δείτε αυτή τη σελίδα FAQ για περισσότερες λεπτομέρειες).

Popup Welcome message (shows above chat icon if not empty)

Αν αφήσετε κενό το μήνυμα καλωσορίσματος, δεν θα εμφανίσουμε το μήνυμα καλωσορίσματος πάνω από το εικονίδιο συνομιλίας.

Pre-defined messages in chat window

Μπορείτε να ορίσετε έως και 3 τύπους προκαθορισμένων μηνυμάτων στο παράθυρο συνομιλίας:

1. Πρώτο μήνυμα στο παράθυρο συνομιλίας - Αυτό είναι το αρχικό μήνυμα χαιρετισμού που εμφανίζεται αυτόματα όταν οι πελάτες ανοίγουν για πρώτη φορά το παράθυρο συνομιλίας. Χρησιμοποιήστε το για να καλωσορίσετε τους πελάτες και να δώσετε τον τόνο της συζήτησης.

2. Έως 4 αρχικές ερωτήσεις - Αυτές είναι προτάσεις ερωτήσεων στις οποίες μπορεί να γίνει κλικ και εμφανίζονται στην αρχή της συνομιλίας. Βοηθούν στην καθοδήγηση των πελατών παρέχοντας συχνές ερωτήσεις στις οποίες μπορούν να κάνουν κλικ για να ξεκινήσουν μια συζήτηση, διευκολύνοντάς τους να αρχίσουν.

3. Μήνυμα placeholder εισαγωγής - Αυτό είναι το κείμενο υπόδειξης που εμφανίζεται στο πεδίο εισαγωγής της συνομιλίας πριν οι πελάτες αρχίσουν να πληκτρολογούν. Παρέχει καθοδήγηση σχετικά με το τι μπορούν να ρωτήσουν οι πελάτες, όπως “Ask me anything 🤗” ή “How can I help you today?”

Αυτές οι ρυθμίσεις ελέγχουν το τυπικό άνοιγμα της συνομιλίας. Όταν ένας αγοραστής ανοίγει τη συνομιλία μέσω ενός συνδέσμου “Question About This Product?”, το Shoply εμφανίζει αντ’ αυτού το όνομα του προϊόντος, μια σύντομη επισήμανση του προϊόντος και ερωτήσεις που δημιουργούνται αυτόματα σχετικά με αυτό το προϊόν. Δεν χρειάζεται να γράψετε αρχικές ερωτήσεις για κάθε προϊόν. Μάθετε πώς λειτουργούν οι ερωτήσεις προϊόντων με AI ή ακολουθήστε τα βήματα για να προσθέσετε ένα κουμπί ερώτησης προϊόντος.

Δείτε το παράδειγμα για κάθε τύπο προκαθορισμένων μηνυμάτων: