Οι προσαρμοσμένες φόρμες σάς επιτρέπουν να δημιουργείτε τις δικές σας φόρμες πολλαπλών βημάτων και να τις χρησιμοποιείτε στη θέση της ενσωματωμένης λειτουργίας Lead Collection ή του Human Contact Form. Επιλέγετε τα πεδία, το μήνυμα ευχαριστίας και το κουμπί υποβολής, και στη συνέχεια συνδέετε τη φόρμα με την ενότητα όπου θέλετε να εμφανίζεται.
Πού θα βρείτε τις φόρμες
Μεταβείτε στην ενότητα Settings > Forms (Ρυθμίσεις > Φόρμες). Αυτή η σελίδα περιλαμβάνει τις αποθηκευμένες προσαρμοσμένες φόρμες σας. Όταν δεν έχετε δημιουργήσει ακόμα καμία, εμφανίζει το μήνυμα "No custom forms yet" μαζί με το κουμπί Create your first form (Δημιουργήστε την πρώτη σας φόρμα).
Δημιουργία φόρμας
Κάντε κλικ στο New form (Νέα φόρμα) - ή στο Create your first form όταν η λίστα είναι ακόμα κενή - για να ανοίξετε το εργαλείο δημιουργίας φορμών (form builder).
Κατασκευή της φόρμας
Το εργαλείο κατασκευής διαθέτει όλα όσα χρειάζεστε για να διαμορφώσετε τη φόρμα σε μία μόνο οθόνη, με ζωντανή προεπισκόπηση στα δεξιά. Σε αυτό το άρθρο δημιουργούμε ένα παράδειγμα φόρμας "Αίτημα catering" για μια πιτσαρία: το βήμα 1 συλλέγει στοιχεία επικοινωνίας και το βήμα 2 ζητά πληροφορίες σχετικά με την εκδήλωση.
- Form name (Όνομα φόρμας) - ένα εσωτερικό όνομα ώστε να μπορείτε να αναγνωρίζετε τη φόρμα στα αναπτυσσόμενα μενού αργότερα.
- Thank-you message (Μήνυμα ευχαριστίας) - το κείμενο επιβεβαίωσης που εμφανίζεται αφού ένας επισκέπτης υποβάλει τη φόρμα.
- Submit button (Κουμπί υποβολής) - ορίστε την ετικέτα του κουμπιού, επιλέξτε ένα προαιρετικό εικονίδιο και διαλέξτε το χρώμα του.
- Καρτέλες Build (Κατασκευή) και Custom CSS (Προσαρμοσμένο CSS) - δημιουργήστε τα πεδία οπτικά ή μεταβείτε στο Custom CSS για να εφαρμόσετε τα δικά σας στυλ.
Προσθήκη πεδίων
Στην καρτέλα Build, δώστε στο βήμα έναν προαιρετικό τίτλο και, στη συνέχεια, κάντε κλικ σε ένα κουμπί τύπου πεδίου για να προσθέσετε αυτό το πεδίο. Μπορείτε να προσθέσετε όσα πεδία χρειάζεστε, συνδυάζοντας οποιονδήποτε από τους παρακάτω τύπους σε μία μόνο φόρμα.
- 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 και επιλέξτε την προσαρμοσμένη φόρμα σας αντί για την ενσωματωμένη φόρμα.
Στη συνέχεια, ο επισκέπτης βλέπει την προσαρμοσμένη φόρμα σας όπου ενεργοποιείται η συγκεκριμένη ενότητα.
Πώς φαίνεται στον επισκέπτη
Η φόρμα εμφανίζεται μέσα στο παράθυρο συνομιλίας. Ακολουθεί το παράδειγμα της φόρμας "Αίτημα catering" συνδεδεμένης με το Lead Collection: ο επισκέπτης βλέπει το βήμα 1 με τα πεδία επικοινωνίας και προχωρά με το κουμπί Next.
Το βήμα 2 εμφανίζει τα πεδία της εκδήλωσης, συμπεριλαμβανομένων των πεδίων Dropdown, Long answer και File upload. Ο επισκέπτης μπορεί να επιστρέψει πίσω με το Previous ή να στείλει τη φόρμα με το Submit. Μετά την υποβολή, το μήνυμα ευχαριστίας που ορίσατε στο εργαλείο κατασκευής εμφανίζεται στη συνομιλία.
Προβολή υποβολών στην καρτέλα 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) για να δείτε το ιστορικό της συνομιλίας γύρω από την υποβολή.