Κάθε ιστότοπος πρέπει να περιλαμβάνει μια φόρμα επικοινωνίας! Οι φόρμες επικοινωνίας είναι χρήσιμες για διάφορους σκοπούς, ανεξάρτητα από τον τύπο ιστότοπου που διαθέτετε. Μπορούν να δημιουργήσουν δυνητικούς πελάτες, να δημιουργήσουν συνδέσεις και σχέσεις, να επιτρέψουν στους χρήστες να αναφέρουν προβλήματα με τον ιστότοπό σας και όλα τα ενδιάμεσα.
Δεν είναι απαραίτητο να είστε τεχνικός για να δημιουργήσετε φόρμες επικοινωνίας στο WordPress. Το πρόγραμμα δημιουργίας σελίδων Elementor διευκολύνει από ποτέ τη δημιουργία όμορφων ιστότοπων.
Για να δείξουμε πώς να δημιουργείτε φόρμες επικοινωνίας με την Elementor, θα εξετάσουμε τις διαφορετικές επιλογές και όλα όσα πρέπει να γνωρίζετε για τις φόρμες επικοινωνίας στο Elementor.
Η Elementor έχει συμπεριλάβει ένα widget φόρμας εδώ και αρκετό καιρό, πράγμα που σημαίνει ότι δεν χρειάζεται πλέον να πηγαίνετε οπουδήποτε αλλού για να δημιουργήσετε φόρμες για τον ιστότοπό σας WordPress, κάτι που είναι ευλογία!
Στο παρελθόν, μπορεί να έχετε αντιμετωπίσει δυσκολίες κατά τη δημιουργία Φόρμες με ορισμένα από τα διαθέσιμα plugin . Η διαδικασία σχεδιασμού και διαμόρφωσης Φόρμας μπορεί να είναι χρονοβόρα και απογοητευτική. Ευτυχώς για όλους μας, το γραφικό στοιχείο Elementor Form είναι εύκολο να συνεργαστεί με αυτό.
- Ποιος είναι ο καλύτερος τρόπος για να δημιουργήσετε μια φόρμα στο Elementor;
- Πώς να δημιουργήσετε μια φόρμα Elementor
- Διαμόρφωση στοιχείων Elementor με δομημένο τρόπο
- Τύποι πεδίων σε μια φόρμα
- Τύποι πεδίων σε μορφή Elementor
- Πλάτος στήλης φόρμας
- Έντυπα στο Elementor for Styling
- Ενέργειες σε μια φόρμα
- Δημιουργία προτύπου μηνυμάτων φόρμας επικοινωνίας στο Elementor
- συμπέρασμα
Πριν ξεκινήσουμε με το πρόγραμμα δημιουργίας φόρμας Elementor, ας ρίξουμε μια γρήγορη ματιά σε μερικά από τα πιο βασικά χαρακτηριστικά του.
Ένα από τα πιο διακριτικά χαρακτηριστικά, για αρχάριους, είναι ότι είναι πλήρως ενσωματωμένο στη διεπαφή Elementor, πράγμα που σημαίνει ότι έχετε πρόσβαση σε πολλές επιλογές σχεδίασης/στυλ/διάταξης που διατίθενται στο Elementor. Δεν πιστεύω ότι θα βρείτε μια αυτόνομη plugin φόρμας με ένα σύστημα σχεδίασης τόσο ισχυρό όσο αυτό.
Από εκεί, μπορείτε να δημιουργήσετε έως και 18 διαφορετικούς τύπους πεδίων:
- Κείμενο ηλεκτρονικού ταχυδρομείου Περιοχή κειμένου Περιοχή κειμένου
- Το URL και ο αριθμός τηλεφώνου έχουν ως εξής:
- Τα κουμπιά ραδιοφώνου είναι ένας τύπος κουμπιού ραδιοφώνου.
- Επιλέξτε από μια λίστα (αναπτυσσόμενο μενού)
- Τα πλαίσια ελέγχου χρησιμοποιούνται σε λίστες ελέγχου.
- Υπάρχει μόνο ένα πλαίσιο ελέγχου (αποδοχή)
- reCAPTCHA
- Τα Honeypots είναι ένας τύπος δοχείου που περιέχει μέλι (αποτρέπει τα ανεπιθύμητα μηνύματα)
Μπορείτε επίσης να χωρίσετε τις φόρμες σας σε πολλές σελίδες για να δημιουργήσετε φόρμες πολλαπλών βημάτων, ευεργετικές για εφαρμογές μεγάλης μορφής.
Το Elementor Pro διαθέτει πάνω από 12 ενσωματώσεις με δημοφιλείς υπηρεσίες μάρκετινγκ ηλεκτρονικού ταχυδρομείου και συστήματα διαχείρισης σχέσης πελατών για να σας βοηθήσει να αξιοποιήσετε στο έπακρο τις φόρμες σας. Υπάρχει επίσης μια ενσωμάτωση catchall Zapier που σας επιτρέπει να συνδεθείτε σε οποιοδήποτε από τα χιλιάδες εργαλεία που είναι διαθέσιμα στην πλατφόρμα Zapier εάν το εργαλείο σας δεν περιλαμβάνεται στη λίστα.
Υπάρχουν επίσης μερικές ενδιαφέρουσες εναλλακτικές λύσεις. Για ex amp le, όταν κάποιος συμπληρώνει έντυπο σας, μπορείτε να λαμβάνετε ειδοποιήσεις μέσω Slack ή Έριδος.
Μιλώντας για ειδοποιήσεις, μπορείτε επίσης να εξατομικεύσετε τις ειδοποιήσεις email που λαμβάνετε και τις ειδοποιήσεις email που λαμβάνουν οι υποβάλλοντες. Αφού υποβάλουν τη Φόρμα, μπορείτε να τα ανακατευθύνετε σε μια προσαρμοσμένη σελίδα ευχαριστιών που δημιουργείτε.
Ποιος είναι ο καλύτερος τρόπος για να δημιουργήσετε μια φόρμα στο Elementor;
Θα ξεκινήσουμε ανοίγοντας τον επεξεργαστή Elementor και μετά μεταφέροντας και αφήνοντας το γραφικό στοιχείο φόρμας στη θέση όπου θέλουμε να δημιουργήσουμε τη φόρμα μας.
Πώς να δημιουργήσετε μια φόρμα Elementor
Όπως όλα τα άλλα στο Elementor, η διαδικασία δημιουργίας φόρμας πραγματοποιείται οπτικά. Δεν είναι απαραίτητο να χρησιμοποιήσετε ένα πρόσθετο plugin , ούτε είναι απαραίτητο να λειτουργήσετε ως το πίσω μέρος του ιστότοπού σας.
Διαμόρφωση στοιχείων Elementor με δομημένο τρόπο
Μόλις η φόρμα σας είναι στη θέση της, το πρώτο βήμα είναι να οργανώσετε τις πληροφορίες που περιέχονται σε αυτήν. Τι Πεδία χρειάζεστε και τι είδους Πεδία πρέπει να είναι; Τι ψάχνεις?
Όταν εργάζεστε στον επεξεργαστή Elementor, τα πεδία φόρμας προστίθενται και επεξεργάζονται από την καρτέλα Περιεχόμενο. Όπως μπορείτε να δείτε στο ex amp le παρακάτω, οι φόρμες περιλαμβάνουν μερικά προεπιλεγμένα πεδία. Επιλέγοντας Προσθήκη στοιχείου από το αναπτυσσόμενο μενού, μπορείτε να δημιουργήσετε νέα Πεδία.
Η αντιγραφή ενός πεδίου είναι επίσης δυνατή επιλέγοντας το εικονίδιο που μοιάζει με δύο έγγραφα, το ένα μπροστά από το άλλο και κάνοντας κλικ σε αυτό.
Τύποι πεδίων σε μια φόρμα
Διατίθενται πολλοί τύποι πεδίων φόρμας, από πεδία απλού κειμένου έως κωδικούς πρόσβασης, πεδία ReCaptcha και honeypot.
Για να αλλάξετε τη συμπεριφορά ενός πεδίου φόρμας, πρώτα, επιλέξτε το πεδίο και, στη συνέχεια, κάντε κλικ στο αναπτυσσόμενο μενού Τύπος για να δείτε τους διαθέσιμους διάφορους τύπους πεδίων.
Τύποι πεδίων σε μορφή Elementor
Πλάτος στήλης φόρμας
Αυτή η δυνατότητα σας επιτρέπει να χρησιμοποιήσετε δύο πεδία φόρμας στην ίδια γραμμή προσαρμόζοντας τη ρύθμιση πλάτους στήλης. Αλλάξτε το πλάτος του παραθύρου επιλέγοντάς το από τον αναπτυσσόμενο επιλογέα και επιλέγοντας 50 τοις εκατό. Αξίζει να σημειωθεί ότι αν το κάνετε αυτό με δύο διαδοχικά πεδία φόρμας, θα παρατηρήσετε ότι εμφανίζονται στην ίδια γραμμή μαζί.
Έντυπα στο Elementor for Styling
Διαμορφώστε τις φόρμες σας στο Elementor με τον ίδιο τρόπο που διαμορφώνετε άλλα γραφικά στοιχεία, μεταβαίνοντας στον πίνακα Style που βρίσκεται στη διεπαφή επεξεργασίας Elementor.
Η ίδια η φόρμα, τα πεδία, τα κουμπιά, τυχόν βήματα, μηνύματα σφάλματος και μηνύματα επιβεβαίωσης μπορούν να προσαρμοστούν.
Για όσους είναι ήδη εξοικειωμένοι με το Elementor, δεν χρειάζεται να μάθουν περισσότερα στο στυλ Elementor Forms.
Ενέργειες σε μια φόρμα
Μετά τη συζήτησή μας σχετικά με τη δημιουργία μιας φόρμας στο Elementor, ας δούμε τη διαμόρφωση του τι συμβαίνει μετά την υποβολή της φόρμας σας. Αυτό επιτυγχάνεται μέσω ενεργειών φόρμας, ή όπως αναφέρονται στο Elementor, Actions After Submit.
Όταν υποβάλλεται μια φόρμα, είναι σύνηθες το σύστημα να στέλνει ένα email και να ανακατευθύνει τον χρήστη σε διαφορετική ιστοσελίδα. Μπορείτε, φυσικά, να συμπεριλάβετε όσες ενέργειες θέλετε στις Φόρμες σας και να τις συνδυάσετε με όποιον τρόπο θέλετε. Όπως μπορείτε να περιμένετε, υπάρχει ένα συγκεκριμένο πεδίο επιλογής χωρίς κωδικοποίηση.
Κάθε μία από τις ενέργειες που προσθέτετε θα εμφανίζεται ως ξεχωριστή επιλογή καρτέλας στο κύριο μενού. Αυτή τη στιγμή έχουμε μια επιλογή στην καρτέλα για e-mail, αλλά αν ήταν να περιλαμβάνουν μια ανακατεύθυνση στο Add Πεδίο Δράσης, θα δείτε επίσης ανακατεύθυνση σε επιλογές καρτέλα μου, όπως φαίνεται στην πρώην amp le παρακάτω.
Εν κατακλείδι, θα δείξω πώς να διαμορφώσετε τη Φόρμα ώστε να δέχεται υποβολές μέσω Email, την πιο συχνή ερώτηση σχετικά με τις Φόρμες.
Όταν επιλέγετε Email από την καρτέλα Περιεχόμενο στον επεξεργαστή, θα εμφανιστεί η παρακάτω οθόνη. Αυτό είναι το σημείο όπου μπορείτε να εξατομικεύσετε το μήνυμα ηλεκτρονικού ταχυδρομείου και το μήνυμα ηλεκτρονικού ταχυδρομείου απάντησης και μπορείτε επίσης να προσθέσετε CC ή BCC σε οποιονδήποτε πρέπει να λάβει αντίγραφο των υποβολών από τη Φόρμα.
Δημιουργία προτύπου μηνυμάτων φόρμας επικοινωνίας στο Elementor
Πολλοί άνθρωποι εκπλήσσονται όταν μαθαίνουν ότι ο επεξεργαστής φόρμας του Elementor είναι πιο ισχυρός από ό, τι φαίνεται με την πρώτη ματιά, και ένα από τα πιο προηγμένα χαρακτηριστικά είναι η δυνατότητα προσαρμογής των μηνυμάτων για κάθε φόρμα.
Είναι δυνατό να προσαρμόσετε τα μηνύματα φόρμας για να παρέχετε μια πιο εξατομικευμένη διαδικασία ανατροφοδότησης στον τελικό χρήστη που έχει συμπληρώσει τη Φόρμα σας, αντί να ακούγεται σαν βαρετό ρομπότ. Αλλά, συγκεκριμένα, ποια μηνύματα μπορείτε να προσαρμόσετε για τη φόρμα επικοινωνίας Elementor είναι τα εξής:
Για να ξεκινήσετε, πρέπει πρώτα να ενεργοποιήσετε τα προσαρμοσμένα μηνύματα επιλέγοντας "Πρόσθετες επιλογές" από το αναπτυσσόμενο μενού και, στη συνέχεια, αλλάζοντας το διακόπτη εναλλαγής για "Προσαρμοσμένα μηνύματα" σε "Ναι".
Προσαρμογή widget φόρμας επικοινωνίας Elementor προσθέτοντας προσαρμοσμένα μηνύματα
Όπως μπορείτε να δείτε, υπάρχουν τέσσερα διαφορετικά μηνύματα που μπορείτε να προσαρμόσετε, συμπεριλαμβανομένων αυτών που αναφέρονται παρακάτω:
Ένα μήνυμα επιτυχίας εμφανίζεται σε έναν τελικό χρήστη μετά την υποβολή της φόρμας και την επαλήθευση ότι η φόρμα έχει συμπληρωθεί σωστά (π.χ., δεν λείπουν τα απαιτούμενα πεδία κ.λπ.).
Μήνυμα σφάλματος-ένα μήνυμα που εμφανίζεται στον τελικό χρήστη όταν προκύψει ένα άγνωστο σφάλμα κατά την υποβολή της φόρμας.
Απαιτούμενο μήνυμα - εμφανίζεται όταν δεν συμπληρώνεται το απαιτούμενο πεδίο φόρμας, υποβάλλεται η φόρμα και δεν συμπληρώνεται η φόρμα.
Όταν κάτι μέσα στην υποβολή φόρμας είναι λανθασμένο και δεν μπορεί να σταλεί, εμφανίζεται το μήνυμα Invalid Message στον τελικό χρήστη.
Η δυνατότητα επεξεργασίας των μηνυμάτων σάς επιτρέπει να είστε δημιουργικοί και ιδιόρρυθμοι, ή πιο επίσημοι και επιχειρηματικοί, εάν διαχειρίζεστε έναν εταιρικό ιστότοπο. Το καλύτερο μέρος είναι ότι είναι πλήρως επεξεργάσιμα, ώστε να μπορείτε να κάνετε ό, τι θέλετε!
συμπέρασμα
Widget φόρμας Elementor, είναι εύκολο να δημιουργήσετε μια φόρμα επικοινωνίας. Έρχεται με μια διαισθητική drag-and-drop φόρμα επικοινωνίας οικοδόμος και μια πληθώρα επιλογών προσαρμογής που το διαφοροποιούν από τα άλλα φόρμα επικοινωνίας plugin s που διατίθενται στην αγορά. Μπορείτε εύκολα να προσαρμόσετε το στυλ και το συνδυασμό χρωμάτων για να ταιριάζει με την εμφάνιση και την αίσθηση της εταιρείας σας. Περιλαμβάνονται επίσης διάφορα άλλα ελκυστικά widget, περισσότερα από 300+ επαγγελματικά πρότυπα και ένα pop-up builder σε ένα βολικό πακέτο. Αυτό το πλήρως εξοπλισμένο εργαλείο δημιουργίας σελίδων WordPress αποτελείται από όλα τα απαραίτητα γραφικά στοιχεία και δυνατότητες, οπότε δεν θα χρειαστεί να αγοράσετε επιπλέον δημιουργούς σελίδων για να προσαρμόσετε περαιτέρω τον ιστότοπό σας. Επιπλέον, επιτρέπει την ενσωμάτωση περισσότερων από 30 υπηρεσίες μάρκετινγκ, και γι 'αυτό είναι ένα από τα πιο ευρέως αγοράζονται plugin s στην αγορά σήμερα.
