Δημιουργήστε και σχεδιάστε Φόρμες με το γραφικό στοιχείο Elementor Form

Κάθε ιστότοπος πρέπει να περιλαμβάνει μια φόρμα επικοινωνίας! Οι φόρμες επικοινωνίας είναι χρήσιμες για διάφορους σκοπούς, ανεξάρτητα από τον τύπο ιστότοπου που διαθέτετε. Μπορούν να δημιουργήσουν δυνητικούς πελάτες, να δημιουργήσουν συνδέσεις και σχέσεις, να επιτρέψουν στους χρήστες να αναφέρουν προβλήματα με τον ιστότοπό σας και οτιδήποτε ενδιάμεσα.

Δεν είναι απαραίτητο να είστε τεχνικός για να δημιουργήσετε φόρμες επικοινωνίας στο WordPress. Το πρόγραμμα δημιουργίας σελίδων Elementor διευκολύνει από ποτέ τη δημιουργία όμορφων ιστοσελίδων.

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

Το Elementor έχει συμπεριλάβει ένα γραφικό στοιχείο Form εδώ και αρκετό καιρό, πράγμα που σημαίνει ότι δεν χρειάζεται πλέον να πάτε πουθενά αλλού για να δημιουργήσετε Φόρμες για τον ιστότοπό σας στο WordPress, κάτι που είναι ευλογία!

Στο παρελθόν, ενδέχεται να αντιμετωπίσατε δυσκολίες κατά τη δημιουργία Φόρμες με ορισμένες από τις διαθέσιμες plugin . Η διαδικασία σχεδιασμού και διαμόρφωσης φορμών μπορεί να είναι χρονοβόρα και απογοητευτική. Ευτυχώς για όλους εμάς, το γραφικό στοιχείο Elementor Form είναι εύκολο να δουλέψει μαζί του.

Πριν ξεκινήσουμε με το εργαλείο δημιουργίας φορμών Elementor, ας ρίξουμε μια γρήγορη ματιά σε μερικά από τα πιο βασικά χαρακτηριστικά του.

Ένα από τα πιο ξεχωριστά χαρακτηριστικά, για αρχή, είναι ότι είναι πλήρως ενσωματωμένο στη διεπαφή Elementor, πράγμα που σημαίνει ότι έχετε πρόσβαση σε πολλές επιλογές σχεδίασης/στυλ/διάταξης που είναι διαθέσιμες στο Elementor. Δεν πιστεύω ότι θα βρείτε μια αυτόνομη plugin φόρμας με ένα σύστημα σχεδιασμού που να είναι τόσο ισχυρό όσο αυτό.

Από εκεί, μπορείτε να δημιουργήσετε έως και 18 διαφορετικούς τύπους πεδίων:

  • Κείμενο Email Περιοχή κειμένου Περιοχή κειμένου
  • Η διεύθυνση URL και ο αριθμός τηλεφώνου είναι οι εξής:
  • Τα κουμπιά επιλογής είναι ένας τύπος κουμπιών επιλογής.
  • Επιλέξτε από μια λίστα (αναπτυσσόμενο)
  • Τα πλαίσια ελέγχου χρησιμοποιούνται σε λίστες ελέγχου.
  • Υπάρχει μόνο ένα πλαίσιο ελέγχου (αποδοχή)
  • reCAPTCHA
  • Τα Honeypots είναι ένας τύπος δοχείου που περιέχει μέλι (αποτρέπει τα ανεπιθύμητα μηνύματα)

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

Το Elementor Pro έχει περισσότερες από 12 ενσωματώσεις με δημοφιλείς υπηρεσίες μάρκετινγκ ηλεκτρονικού ταχυδρομείου και συστήματα διαχείρισης σχέσεων πελατών για να σας βοηθήσει να αξιοποιήσετε στο έπακρο τις φόρμες σας. Υπάρχει επίσης μια ολοκληρωμένη ενσωμάτωση Zapier που σας επιτρέπει να συνδεθείτε με οποιοδήποτε από τα χιλιάδες εργαλεία που είναι διαθέσιμα στην πλατφόρμα Zapier, εάν το εργαλείο σας δεν περιλαμβάνεται στη λίστα.

Υπάρχουν και μερικές άλλες ενδιαφέρουσες εναλλακτικές. Για amp , όταν κάποιος συμπληρώνει τη Φόρμα σας, μπορείτε να λαμβάνετε ειδοποιήσεις μέσω Slack ή Discord.

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

Ποιος είναι ο καλύτερος τρόπος για να δημιουργήσετε μια φόρμα στο Elementor;

Θα ξεκινήσουμε ανοίγοντας το πρόγραμμα επεξεργασίας Elementor και στη συνέχεια σύροντας και αποθέτοντας το γραφικό στοιχείο Φόρμα στη θέση όπου θέλουμε να δημιουργήσουμε τη Φόρμα μας.

Πώς να δημιουργήσετε μια φόρμα Elementor

Όπως όλα τα άλλα στο Elementor, η διαδικασία δημιουργίας Φορμών πραγματοποιείται οπτικά. Δεν είναι απαραίτητο να χρησιμοποιήσετε ένα πρόσθετο plugin , ούτε είναι απαραίτητο να λειτουργείτε ως backend του ιστότοπού σας.

Σχηματισμός στοιχείων στοιχείων με δομημένο τρόπο

Μόλις εγκατασταθεί η Φόρμα σας, το πρώτο βήμα είναι να οργανώσετε τις πληροφορίες που περιέχονται σε αυτήν. Ποια Πεδία χρειάζεστε και τι είδους Πεδία πρέπει να είναι; Τι ψάχνεις?

Όταν εργάζεστε στο πρόγραμμα επεξεργασίας Elementor, τα Πεδία Φόρμας προστίθενται και επεξεργάζονται από την καρτέλα Περιεχόμενο Όπως μπορείτε να δείτε στο amp παρακάτω, οι Φόρμες περιλαμβάνουν μερικά προεπιλεγμένα πεδία. Επιλέγοντας Προσθήκη στοιχείου από το αναπτυσσόμενο μενού, μπορείτε να δημιουργήσετε νέα Πεδία.

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

Τύποι πεδίων σε μια φόρμα

Πολλοί τύποι πεδίων φόρμας είναι διαθέσιμοι, που κυμαίνονται από απλά πεδία κειμένου έως κωδικούς πρόσβασης, ReCaptcha και πεδία honeypot.

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

Τύποι πεδίων σε μορφή Elementor

Πλάτος στήλης Φόρμας

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

Φόρμες στο Elementor για Styling

Δώστε στυλ στις Φόρμες σας στο Elementor με τον ίδιο τρόπο που κάνετε το στυλ άλλων γραφικών στοιχείων, μεταβαίνοντας στον πίνακα Στυλ που βρίσκεται στη διεπαφή επεξεργασίας του Elementor.

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

Για όσους είναι ήδη εξοικειωμένοι με το Elementor, δεν χρειάζονται πολλά περισσότερα που πρέπει να μάθουν στο στυλ του Elementor Forms.

Ενέργειες σε μια φόρμα

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

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

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

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

Όταν επιλέγετε Email από την καρτέλα Περιεχόμενο στο πρόγραμμα επεξεργασίας, θα εμφανιστεί η οθόνη που φαίνεται παρακάτω. Εδώ μπορείτε να εξατομικεύσετε το email από το email και το email απάντησης και μπορείτε επίσης να προσθέσετε ένα CC ή BCC σε οποιονδήποτε θα λάβει αντίγραφο των υποβολών από τη Φόρμα.

Δημιουργία προτύπου μηνυμάτων φόρμας επικοινωνίας στο Elementor

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

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

Για να ξεκινήσετε, πρέπει πρώτα να ενεργοποιήσετε τα προσαρμοσμένα μηνύματα επιλέγοντας «Πρόσθετες επιλογές» από το αναπτυσσόμενο μενού και, στη συνέχεια, αλλάζοντας τον διακόπτη εναλλαγής για «Προσαρμοσμένα μηνύματα» σε «Ναι».

Προσαρμογή γραφικού στοιχείου φόρμας επαφής Elementor με την προσθήκη προσαρμοσμένων μηνυμάτων

Όπως μπορείτε να δείτε, υπάρχουν τέσσερα διαφορετικά μηνύματα που μπορείτε να προσαρμόσετε, συμπεριλαμβανομένων αυτών που αναφέρονται παρακάτω:

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

Μήνυμα σφάλματος — ένα μήνυμα που εμφανίζεται στον τελικό χρήστη όταν παρουσιαστεί ένα άγνωστο σφάλμα κατά την υποβολή της Φόρμας.

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

Όταν κάτι εντός της υποβολής της φόρμας είναι λανθασμένο και δεν μπορεί να σταλεί, εμφανίζεται το μήνυμα Invalid Message στον τελικό χρήστη.

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

συμπέρασμα

Γραφικό στοιχείο φόρμας Elementor, είναι εύκολο να δημιουργήσετε μια φόρμα επικοινωνίας. Έρχεται με ένα διαισθητικό εργαλείο δημιουργίας φορμών επαφής μεταφοράς και απόθεσης και μια πληθώρα επιλογών προσαρμογής που το διακρίνουν από τα άλλα plugin φόρμας επικοινωνίας που είναι διαθέσιμα στην αγορά. Μπορείτε εύκολα να προσαρμόσετε το στυλ και το χρωματικό του συνδυασμό ώστε να ταιριάζει με την εμφάνιση και την αίσθηση της εταιρείας σας. Περιλαμβάνονται επίσης διάφορα άλλα ελκυστικά γραφικά στοιχεία, περισσότερα από 300+ επαγγελματικά πρότυπα και ένα πρόγραμμα δημιουργίας αναδυόμενων παραθύρων σε ένα βολικό πακέτο. Αυτό το πλήρως εξοπλισμένο εργαλείο δημιουργίας σελίδων WordPress αποτελείται από όλα τα απαραίτητα γραφικά στοιχεία και δυνατότητες, επομένως δεν θα χρειαστεί να αγοράσετε πρόσθετα προγράμματα δημιουργίας σελίδων για να προσαρμόσετε περαιτέρω τον ιστότοπό σας. Επιπλέον, επιτρέπει την ενσωμάτωση περισσότερων από 30 υπηρεσιών μάρκετινγκ, γι' αυτό και είναι ένα από τα πιο δημοφιλή plugin που αγοράζονται στην αγορά σήμερα.

Χάνσον Φ.

Πρόσφατες δημοσιεύσεις

Πώς να χρησιμοποιήσετε κεφαλίδες και υποσέλιδα με το Elementor

Οι κεφαλίδες και τα υποσέλιδα ενός ιστότοπου είναι απαραίτητα στοιχεία. Στις περισσότερες περιπτώσεις, η κεφαλίδα παρέχει πλοήγηση…

6 Ιανουαρίου 2022

Σύγκριση θεμάτων WordPress: Astra vs OceanWP

Δύο από τα πιο δημοφιλή θέματα WordPress στην αγορά είναι το Astra και το OceanWP. Επαγγελματίας…

2 Ιανουαρίου 2022

Σύγκριση θεμάτων ειδήσεων WordPress: Εφημερίδα vs. Astra

Η δημιουργία μιας εξαιρετικής ιστοσελίδας ειδήσεων δεν απαιτεί να γίνετε σχεδιαστής ιστοσελίδων. Εμείς…

25 Οκτωβρίου 2021

Δημιουργήστε έναν ιστότοπο που σχετίζεται με ειδήσεις με Θέμα εφημερίδας

Το θέμα εφημερίδας είναι ένα από τα πιο σημαντικά θέματα WordPress που σχεδιάστηκε από την tagDiv, μια…

18 Οκτωβρίου 2021

Πώς να δημιουργήσετε ένα ηλεκτρονικό εμπόριο με το Avada WooCommerce builder

Όταν πρόκειται για τη δημιουργία ενός ηλεκτρονικού καταστήματος, το WooCommerce είναι η πιο δημοφιλής plugin . Το…

4 Οκτωβρίου 2021

Πώς να χρησιμοποιήσετε εφέ κολλητικής κεφαλίδας και κύλισης με το Elementor

Μια κεφαλίδα είναι γενικά το πρώτο πράγμα που βλέπει ένα άτομο όταν επισκέπτεται τον ιστότοπό σας,…

21 Σεπτεμβρίου 2021