Οι προσαρμοσμένες φόρμες (custom forms) σας επιτρέπουν να δημιουργείτε τις δικές σας φόρμες πολλαπλών βημάτων και να τις χρησιμοποιείτε στη θέση της ενσωματωμένης συλλογής leads (Lead Collection) ή της φόρμας επικοινωνίας με άνθρωπο (Human Contact Form). Εσείς επιλέγετε τα πεδία, το μήνυμα ευχαριστίας και το κουμπί υποβολής, και στη συνέχεια συνδέετε τη φόρμα με την ενότητα όπου θέλετε να εμφανίζεται.
Πού θα βρείτε τις φόρμες
Επιλέξτε το chatbot σας και μεταβείτε στο Settings > Forms (Ρυθμίσεις > Φόρμες). Αυτή η σελίδα παραθέτει τις αποθηκευμένες προσαρμοσμένες φόρμες σας. Όταν δεν έχετε δημιουργήσει ακόμα καμία, εμφανίζεται το μήνυμα "No custom forms yet" μαζί με το κουμπί Create your first form (Δημιουργήστε την πρώτη σας φόρμα). Οι προσαρμοσμένες φόρμες είναι διαθέσιμες ως premium λειτουργία - εάν το πρόγραμμά σας δεν τις περιλαμβάνει, θα εμφανιστεί μια προτροπή αναβάθμισης.
Δημιουργία φόρμας
Κάντε κλικ στο New form (Νέα φόρμα) - ή στο Create your first form όταν η λίστα είναι ακόμα άδεια - για να ανοίξετε το εργαλείο δημιουργίας φορμών (form builder).
Κατασκευή της φόρμας
Το εργαλείο δημιουργίας διαθέτει όλα όσα χρειάζεστε για να διαμορφώσετε τη φόρμα σε μία οθόνη, με ζωντανή προεπισκόπηση στα δεξιά. Για μια πιτσαρία, για παράδειγμα, θα μπορούσατε να συλλέξετε στοιχεία επικοινωνίας στο πρώτο βήμα και προτιμήσεις παραγγελίας στο δεύτερο.
- Form name (Όνομα φόρμας) - ένα εσωτερικό όνομα ώστε να μπορείτε να αναγνωρίζετε τη φόρμα στα αναπτυσσόμενα μενού αργότερα.
- Thank-you message (Μήνυμα ευχαριστίας) - το κείμενο επιβεβαίωσης που εμφανίζεται αφού ο επισκέπτης υποβάλει τη φόρμα.
- Submit button (Κουμπί υποβολής) - ορίστε την ετικέτα του κουμπιού, επιλέξτε ένα προαιρετικό εικονίδιο και διαλέξτε το χρώμα του.
- Καρτέλες Build (Κατασκευή) και Custom CSS (Προσαρμοσμένο CSS) - δημιουργήστε τα πεδία οπτικά ή μεταβείτε στο Custom CSS για να εφαρμόσετε τα δικά σας στυλ.
Προσθήκη πεδίων
Στην καρτέλα Build, δώστε στο βήμα έναν προαιρετικό τίτλο και, στη συνέχεια, κάντε κλικ σε ένα κουμπί τύπου πεδίου για να το προσθέσετε. Μια φόρμα υποστηρίζει έως και 10 βήματα, 50 πεδία συνολικά και 3 πεδία μεταφόρτωσης αρχείων (File upload). Τα πεδία επιλογών υποστηρίζουν έως και 100 επιλογές το καθένα.
- Name - πεδίο μίας γραμμής για το όνομα του επισκέπτη.
- Email - καταγράφει μια διεύθυνση email, με επικύρωση μορφής email.
- Phone number - καταγράφει έναν αριθμό τηλεφώνου.
- Date - επιλογέας ημερομηνίας.
- Time - επιλογέας ώρας.
- File upload - επιτρέπει στον επισκέπτη να επισυνάψει και να ανεβάσει ένα αρχείο (δείτε παρακάτω).
- Short answer - πεδίο ελεύθερου κειμένου μίας γραμμής.
- Long answer - μεγαλύτερο πεδίο πολλαπλών γραμμών για εκτενέστερες απαντήσεις.
- Checkbox - ένα μεμονωμένο πλαίσιο επιλογής, για παράδειγμα για την αποδοχή όρων.
- Dropdown - αναπτυσσόμενο μενού όπου ο επισκέπτης διαλέγει μία επιλογή από μια λίστα.
- Single choice - ένα σύνολο επιλογών όπου ο επισκέπτης επιλέγει ακριβώς μία.
- Multiple choice - ένα σύνολο επιλογών όπου ο επισκέπτης μπορεί να επιλέξει πολλές ταυτόχρονα.
Κάθε πεδίο έχει ένα Label (Ετικέτα - αυτό που βλέπει ο επισκέπτης) και ένα Name (Όνομα - το εσωτερικό κλειδί που χρησιμοποιείται σε εξαγωγές και ειδοποιήσεις). Μπορείτε να ορίσετε ένα πεδίο ως Required (Υποχρεωτικό), να προσαρμόσετε το Width (Πλάτος) του ώστε τα πεδία να εμφανίζονται δίπλα-δίπλα και να σύρετε τα πεδία για να αλλάξετε τη σειρά τους. Τα πεδία Dropdown, Single choice και Multiple choice δέχονται επίσης μια λίστα επιλογών, μία ανά γραμμή.
Προσθήκη βημάτων
Για μεγαλύτερες φόρμες, χωρίστε τα πεδία σε βήματα αντί για μία ενιαία μεγάλη οθόνη. Κάντε κλικ στο Add step (Προσθήκη βήματος) και, στη συνέχεια, προσθέστε πεδία σε αυτό το βήμα. Η μεταφορά και απόθεση αναδιατάσσει τα πεδία μέσα στο ίδιο βήμα. Κάθε βήμα αποτελεί ξεχωριστή κάρτα με προαιρετικό τίτλο.
Οι επισκέπτες βλέπουν κάθε βήμα ως ξεχωριστή οθόνη στη συνομιλία και μετακινούνται μεταξύ τους με τα κουμπιά Next (Επόμενο) και Previous (Προηγούμενο), τα οποία εμφανίζονται αυτόματα μόλις μια φόρμα αποκτήσει περισσότερα από ένα βήματα. Όταν μια φόρμα περιλαμβάνει πολλαπλά βήματα, το εργαλείο δημιουργίας σας επιτρέπει επίσης να ορίσετε την ετικέτα, το εικονίδιο και το χρώμα για τα κουμπιά Next και Previous.
Δώστε σε κάθε βήμα έναν σύντομο, προσανατολισμένο στη δράση τίτλο (για παράδειγμα "Τα στοιχεία σας", έπειτα "Το αίτημά σας"), ώστε οι επισκέπτες να γνωρίζουν πάντα πού βρίσκονται μέσα στη φόρμα.
Πεδία μεταφόρτωσης αρχείων
Ένα πεδίο File upload επιτρέπει στον επισκέπτη να επισυνάψει ένα αρχείο στην υποβολή του. Για κάθε πεδίο αρχείου μπορείτε να ορίσετε:
- Accepted extensions (Αποδεκτές επεκτάσεις) - μια λίστα διαχωρισμένη με κόμματα, για παράδειγμα
pdf, png, jpg. Επιτρέπονται μόνο αρχεία με αυτές τις επεκτάσεις. - Max size (Μέγιστο μέγεθος) - το μέγιστο μέγεθος αρχείου σε MB, έως 10 MB.
Τα μεταφορτωμένα αρχεία ελέγχονται κατά την υποβολή: η επέκταση πρέπει να περιλαμβάνεται στη λίστα των επιτρεπόμενων, το αρχείο πρέπει να βρίσκεται εντός του ορίου μεγέθους και το πραγματικό περιεχόμενό του πρέπει να αντιστοιχεί στον δηλωμένο τύπο.
Ζωντανή προεπισκόπηση
Το πλαίσιο Live preview (Ζωντανή προεπισκόπηση) στα δεξιά δείχνει τη φόρμα ακριβώς όπως θα τη βλέπουν οι επισκέπτες, ενημερώνοντας την προβολή καθώς προσθέτετε πεδία, βήματα και αλλάζετε το στυλ.
Όταν η φόρμα είναι έτοιμη, κάντε κλικ στο Save (Αποθήκευση). Η φόρμα εμφανίζεται πλέον στη λίστα σας στο Settings > Forms.
Χρήση προσαρμοσμένης φόρμας
Μια αποθηκευμένη προσαρμοσμένη φόρμα δεν εμφανίζεται αυτόματα στους επισκέπτες. Συνδέστε την με μια ενότητα:
- Settings > Lead Collection - ανοίξτε το αναπτυσσόμενο μενού Form shown to the visitor (Φόρμα που εμφανίζεται στον επισκέπτη) και επιλέξτε την προσαρμοσμένη φόρμα σας αντί για την ενσωματωμένη.
- Settings > Human Contact Form - ανοίξτε το αναπτυσσόμενο μενού Form shown to the visitor και επιλέξτε την προσαρμοσμένη φόρμα σας αντί για την ενσωματωμένη.
Στη συνέχεια, ο επισκέπτης βλέπει την προσαρμοσμένη φόρμα σας κάθε φορά που ενεργοποιείται η συγκεκριμένη ενότητα.
Ενεργοποιήστε πρώτα την επιλεγμένη ενότητα. Το Lead Collection εμφανίζει φόρμες που περιέχουν ένα πεδίο Name και ένα πεδίο Email ή Phone number. Το Human Contact Form εμφανίζει φόρμες που περιέχουν ένα πεδίο Email - το πρώτο πεδίο Long answer παρέχει το μήνυμα υποστήριξης. Δείτε τα άρθρα Συλλογή lead και Φόρμα επικοινωνίας με εκπρόσωπο υποστήριξης για τους κανόνες ενεργοποίησης (triggers) και τις ρυθμίσεις ειδοποιήσεων.
Μπορείτε επίσης να προσφέρετε μια φόρμα αυτόνομα μέσω του Settings > Actions > Add action for custom form (Ενέργειες > Προσθήκη ενέργειας για προσαρμοσμένη φόρμα). Διαμορφώστε πότε θα πρέπει να την εμφανίζει το AI - η απλή αποθήκευση μιας φόρμας δεν ενεργοποιεί αυτόματα κάποια ενέργεια.
Πώς φαίνεται στον επισκέπτη
Συλλογή δομημένου αιτήματος
Δημιουργήστε μια φόρμα και συνδέστε την με μια υποστηριζόμενη λειτουργία ή ενέργεια. Οι ενδεικτικές τιμές είναι προσυμπληρωμένες - η επίδειξη δεν υποβάλλει πραγματικό αίτημα ούτε επιβεβαιώνει κράτηση.
Επισκέπτης: Θα ήθελα να ζητήσω ένα τραπέζι για την Παρασκευή.
Αναπαραγάγετε το παράδειγμα ή διαβάστε το παρακάτω. Δεν χρησιμοποιούνται πραγματικά δεδομένα πελατών.Ένα σχετικό αίτημα ενεργοποιεί τη διαμορφωμένη φόρμα.
Η αναπαραγωγή διακόπτεται προσωρινά όταν αυτό το παράδειγμα βγαίνει από την οθόνη. Αυτή είναι μια προσομοίωση, όχι ένα live chat. Τα στοιχεία ελέγχου του widget κατά την αναπαραγωγή δεν είναι διαδραστικά.Διαβάστε ολόκληρο το παράδειγμα
- Ένα σχετικό αίτημα ενεργοποιεί τη διαμορφωμένη φόρμα.
Επισκέπτης: Θα ήθελα να ζητήσω ένα τραπέζι για την Παρασκευή.
- Αρχικά, ο επισκέπτης συμπληρώνει τα στοιχεία επικοινωνίας του.
Όνομα: Anna Weber; Email: anna@example.com
- Το «Επόμενο» προχωρά στις προτιμήσεις του αιτήματος - το «Πίσω» επιστρέφει στα στοιχεία επικοινωνίας.
Προτιμώμενη ώρα: Παρασκευή, 7 μ.μ.; Αριθμός ατόμων: 4
- Ενδεικτικές τιμές που συλλέγονται από τη φόρμα.
Όνομα: Anna Weber; Email: anna@example.com; Προτιμώμενη ώρα: Παρασκευή, 7 μ.μ.; Αριθμός ατόμων: 4
- Ένα αίτημα που παραλήφθηκε δεν αποτελεί επιβεβαιωμένη κράτηση.
Βοηθός: Το αίτημά σας παραλήφθηκε. Η ομάδα θα επιβεβαιώσει τη διαθεσιμότητα.
Η φόρμα εμφανίζεται μέσα στο παράθυρο της συνομιλίας. Το animation δείχνει ένα αίτημα κράτησης τραπεζιού με στοιχεία επικοινωνίας και στη συνέχεια τις προτιμήσεις του αιτήματος. Τα παρακάτω στατικά στιγμιότυπα οθόνης δείχνουν ένα ξεχωριστό αίτημα παραγγελίας πίτσας: ο επισκέπτης συμπληρώνει πρώτα τα στοιχεία του (Your details - Τα στοιχεία σας) και μετά προχωρά στο επόμενο βήμα.
Το βήμα 2, Order preferences (Προτιμήσεις παραγγελίας), εμφανίζει ένα αναπτυσσόμενο μενού Preferred pizza (Προτιμώμενη πίτσα) και το πεδίο Additional notes (Πρόσθετες σημειώσεις). Ο επισκέπτης μπορεί να επιστρέψει με το κουμπί Back (Πίσω) ή να υποβάλει τη φόρμα με το κουμπί Send request (Αποστολή αιτήματος). Αυτές είναι οι ετικέτες κουμπιών που έχουν ρυθμιστεί για αυτό το παράδειγμα - η δική σας φόρμα χρησιμοποιεί τις ετικέτες που επιλέγετε εσείς στο εργαλείο δημιουργίας. Μετά την υποβολή, το διαμορφωμένο ευχαριστήριο μήνυμα εμφανίζεται στη συνομιλία. Αυτό το παράδειγμα δεν περιλαμβάνει πεδίο μεταφόρτωσης αρχείου.
Προβολή υποβολών στην καρτέλα Leads
Όταν ένας επισκέπτης υποβάλλει μια προσαρμοσμένη φόρμα που είναι συνδεδεμένη με το Lead Collection ή το Human Contact Form, η υποβολή αποθηκεύεται ως lead. Ανοίξτε την καρτέλα Leads (Υποψήφιοι πελάτες) του bot για να την εξετάσετε.
Δίπλα στα τυπικά στοιχεία Name, Email, Phone, Collected date και Entry point, μια στήλη Form data εμφανίζει ολόκληρη την υποβολή: την ετικέτα κάθε πεδίου ακολουθούμενη από την τιμή που εισήγαγε ο επισκέπτης, μία γραμμή ανά πεδίο. Για ένα πεδίο File upload, εμφανίζεται το όνομα του μεταφορτωμένου αρχείου - τόσο το email ειδοποίησης για το lead όσο και η εξαγωγή CSV (το κουμπί Export στην καρτέλα Leads) περιλαμβάνουν σύνδεσμο λήψης για το ίδιο το αρχείο.
Από κάθε lead μπορείτε επίσης να κάνετε κλικ για να μεταβείτε στην πλήρη συνομιλία (Conversation) ώστε να δείτε το ιστορικό γύρω από την υποβολή.
Δοκιμάστε τον επιλεγμένο κανόνα ενεργοποίησης στο Overview (Επισκόπηση), ολοκληρώστε όλα τα βήματα και υποβάλετε τη φόρμα. Επιβεβαιώστε το μήνυμα ευχαριστίας και ελέγξτε την αποθηκευμένη υποβολή. Εάν οι ειδοποιήσεις είναι ενεργοποιημένες, ελέγξτε την παράδοση των ειδοποιήσεων χρησιμοποιώντας μια διεύθυνση στην οποία έχετε πρόσβαση. Οι αυτόνομες φόρμες ενεργειών καταγράφονται στη συνομιλία - μην υποθέτετε ότι κάθε αυτόνομη υποβολή δημιουργεί απαραίτητα lead.