Οι φόρμες είναι απαραίτητες για κάθε ιστοσελίδα—από απλές φόρμες επικοινωνίας μέχρι πολύπλοκες διαδικασίες εγγραφής πολλαπλών βημάτων. Το Elementor Pro περιλαμβάνει ένα ενσωματωμένο widget Φόρμας που εξαλείφει την ανάγκη για ξεχωριστό plugin φόρμας σε πολλές περιπτώσεις. Σε αυτόν τον οδηγό, καλύπτουμε πώς να δημιουργήσετε φόρμες επικοινωνίας, φόρμες εγγραφής και φόρμες πολλαπλών βημάτων χρησιμοποιώντας το Elementor Pro, μαζί με επιλογές ενσωμάτωσης για υπηρεσίες email marketing και CRM.
Αυτό το σεμινάριο απαιτεί Elementor Pro. Η δωρεάν έκδοση του Elementor δεν περιλαμβάνει το widget Φόρμας.
Επισκόπηση Widget Φόρμας Elementor
Το widget Φόρμας Elementor υποστηρίζει αυτούς τους τύπους πεδίων:
| Τύπος Πεδίου | Περίπτωση Χρήσης | Σημειώσεις |
|---|---|---|
| Κείμενο | Όνομα, εταιρεία, θέμα | Μονογραμμή εισόδου κειμένου |
| Ηλεκτρονικό Ταχυδρομείο | Συλλογή διευθύνσεων ηλεκτρονικού ταχυδρομείου | Περιλαμβάνει έλεγχο μορφής ηλεκτρονικού ταχυδρομείου |
| Textarea | Κείμενο μηνύματος, σχόλια, περιγραφές | Πολυγραμμή κειμένου με ρυθμιζόμενες γραμμές |
| Τηλέφωνο | Αριθμοί τηλεφώνου | Ενεργοποιεί το αριθμητικό πληκτρολόγιο σε κινητά |
| Αριθμός | Ποσότητες, προϋπολογισμοί, βαθμολογίες | Έλεγχος ελάχιστου/μέγιστου/βήματος |
| URL | Διευθύνσεις ιστοσελίδων | Έλεγχος μορφής URL |
| Επιλογή | Επιλογές αναπτυσσόμενου μενού (χώρα, κατηγορία) | Μοναδική ή πολλαπλή επιλογή |
| Ράδιο | Μοναδική επιλογή από επιλογές (τύπος υπηρεσίας) | Ορατές επιλογές χωρίς αναπτυσσόμενο μενού |
| Κουτί Επιλογής | Πολλαπλές επιλογές (ενδιαφέροντα, υπηρεσίες) | Επιτρέπονται πολλαπλές επιλογές |
| Ημερομηνία | Ημερομηνίες ραντεβού, ημερομηνίες εκδηλώσεων | Ενσωματωμένος επιλογέας ημερομηνίας |
| Ώρα | Προγραμματισμός ραντεβού | Έλεγχος επιλογής ώρας |
| Ανέβασμα Αρχείου | Υποβολή βιογραφικού, εγγράφου, εικόνας | Ρυθμιζόμενοι τύποι αρχείων και όρια μεγέθους |
| Αποδοχή | Όροι και προϋποθέσεις, συγκατάθεση GDPR | Υποχρεωτικό κουτί επιλογής με σύνδεσμο |
| Κρυφό | Δεδομένα παρακολούθησης (διεύθυνση URL σελίδας, παραπομπή) | Δεν είναι ορατό στον χρήστη |
| reCAPTCHA | Προστασία από spam | κουτί επιλογής v2 ή αόρατο v3 |
| Honeypot | Αντι-spam (αόρατο για ανθρώπους) | Κρυφό πεδίο που πιάνει bots |
Δημιουργία Φόρμας Επικοινωνίας
Βήμα 1: Προσθήκη του Widget Φόρμας
- Ανοίξτε οποιαδήποτε σελίδα στον επεξεργαστή Elementor
- Αναζητήστε "Φόρμα" στον πίνακα widgets
- Σύρετε το widget Φόρμας στη διάταξή σας
- Η προεπιλεγμένη φόρμα περιλαμβάνει πεδία Όνομα, Email και Μήνυμα
Βήμα 2: Ρύθμιση Πεδία Φόρμας
Για μια τυπική φόρμα επικοινωνίας, αυτή η ρύθμιση πεδίων λειτουργεί καλά:
- Όνομα (Πεδίο κειμένου, υποχρεωτικό) – Placeholder: "Το όνομά σας"
- Ηλεκτρονικό Ταχυδρομείο (Πεδίο ηλεκτρονικού ταχυδρομείου, υποχρεωτικό) – Placeholder: "[email protected]"
- Θέμα (Πεδίο κειμένου, προαιρετικό) – Placeholder: "Πώς μπορούμε να βοηθήσουμε;"
- Μήνυμα (Πεδίο textarea, υποχρεωτικό) – Placeholder: "Πείτε μας για το έργο σας...", Γραμμές: 5
- reCAPTCHA ή Honeypot για προστασία από spam
Βήμα 3: Ρύθμιση Ενεργειών Μετά την Υποβολή
Κάτω από την ενότητα "Ενέργειες Μετά την Υποβολή", ρυθμίστε τι συμβαίνει όταν ένας χρήστης υποβάλει τη φόρμα: For related information, see our guide on Elementor complete guide.
- Ηλεκτρονικό Ταχυδρομείο: Στείλτε τα δεδομένα της φόρμας στη διεύθυνση ηλεκτρονικού ταχυδρομείου σας (ή σε πολλές διευθύνσεις)
- Ανακατεύθυνση: Στείλτε τον χρήστη σε μια σελίδα ευχαριστίας μετά την υποβολή
- Popup: Εμφάνιση αναδυόμενου παραθύρου επιβεβαίωσης
- Webhook: Στείλτε τα δεδομένα της φόρμας σε μια εξωτερική διεύθυνση URL (Zapier, Make, προσαρμοσμένο API)
- Mailchimp / ConvertKit / Drip: Προσθέστε συνδρομητές σε λίστες email marketing
- Slack: Στείλτε ειδοποιήσεις σε ένα κανάλι Slack
- Discord: Στείλτε ειδοποιήσεις σε ένα webhook Discord
Βήμα 4: Στυλ της Φόρμας
Στην καρτέλα Στυλ, προσαρμόστε την οπτική εμφάνιση: For related information, see our guide on Elementor templates and kits.
- Διάταξη φόρμας
- Πεδίο στοίβαξης: Πεδία στοίβας (πλήρους πλάτους) ή inline (δίπλα-δίπλα)
- Στυλ πεδίου: Περίγραμμα, χρώμα φόντου, padding, ακτίνα περιγράμματος, χρώμα κατάστασης εστίασης
- Στυλ ετικέτας: Οικογένεια γραμματοσειράς, μέγεθος, χρώμα, διάστημα
- Στυλ κουμπιού: Χρώμα φόντου, χρώμα κειμένου, περίγραμμα, εφέ hover, επιλογή πλήρους πλάτους
- Μηνύματα: Χρώματα και τυπογραφία μηνυμάτων επιτυχίας και σφάλματος
Δημιουργία Μορφής Πολλαπλών Βημάτων
Οι μορφές πολλαπλών βημάτων είναι χρήσιμες για μεγάλες μορφές (εγγραφές, αιτήσεις, έρευνες) όπου η εμφάνιση όλων των πεδίων ταυτόχρονα μπορεί να προκαλέσει σύγχυση στους χρήστες. Το Elementor Pro υποστηρίζει τις μορφές πολλαπλών βημάτων εγγενώς. For related information, see our guide on creating landing pages with Elementor.
Πώς να Ρυθμίσετε τα Βήματα
- Προσθέστε ένα widget Μορφής στη σελίδα σας
- Στη λίστα πεδίων της μορφής, προσθέστε έναν τύπο πεδίου "Βήμα" μεταξύ ομάδων πεδίων
- Κάθε πεδίο Βήματος δημιουργεί ένα νέο βήμα με κουμπί "Επόμενο" και "Προηγούμενο"
- Δομή παραδείγματος:
- Βήμα 1: Όνομα, Email, Τηλέφωνο (Προσωπικές Πληροφορίες)
- Βήμα 2: Εταιρεία, Προϋπολογισμός, Χρονοδιάγραμμα (Λεπτομέρειες Έργου)
- Βήμα 3: Μήνυμα, Αποστολή Αρχείου (Πρόσθετες Πληροφορίες)
Οι μορφές πολλαπλών βημάτων εμφανίζουν έναν δείκτη προόδου που δείχνει ποιο βήμα είναι ο χρήστης. Αυτό μειώνει την αντιληπτή πολυπλοκότητα και βελτιώνει τα ποσοστά ολοκλήρωσης σε σύγκριση με την εμφάνιση όλων των πεδίων ταυτόχρονα.
Δημιουργία Μορφής Εγγραφής Χρήστη
Το Elementor Pro μπορεί να δημιουργήσει μορφές εγγραφής χρηστών WordPress χωρίς ξεχωριστό plugin:
- Προσθέστε ένα widget Μορφής και ρυθμίστε τα πεδία (Όνομα Χρήστη, Email, Κωδικός Πρόσβασης)
- Κάτω από "Ενέργειες Μετά την Υποβολή," προσθέστε την ενέργεια "Εγγραφή"
- Συνδέστε κάθε πεδίο μορφής με το αντίστοιχο πεδίο χρήστη WordPress
- Ορίστε τον προεπιλεγμένο ρόλο χρήστη για νέες εγγραφές
- Προαιρετικά, ανακατευθύνετε τους χρήστες στη σελίδα του λογαριασμού τους μετά την εγγραφή
Σημείωση: Το WordPress απαιτεί έναν διαχειριστή να εγκρίνει τους νέους χρήστες από προεπιλογή. Μπορείτε να το αλλάξετε στις Ρυθμίσεις → Γενικά → Μέλη αν θέλετε οι χρήστες να εγγράφονται ελεύθερα.
Ενσωμάτωση με Υπηρεσίες Email Marketing
Το Elementor Pro ενσωματώνεται απευθείας με δημοφιλείς πλατφόρμες email marketing:
Υπηρεσία Τύπος Ενσωμάτωσης Βήματα Ρύθμισης Mailchimp Εγγενής (ενσωματωμένος) Προσθέστε το API key → Επιλέξτε λίστα → Χαρτογραφήστε πεδία ConvertKit Εγγενής (ενσωματωμένος) Προσθέστε το API key → Επιλέξτε μορφή → Χαρτογραφήστε πεδία ActiveCampaign Εγγενής (ενσωματωμένος) Προσθέστε τα διαπιστευτήρια API → Επιλέξτε λίστα → Χαρτογραφήστε πεδία Drip Εγγενής (ενσωματωμένος) Προσθέστε το API token → Επιλέξτε λογαριασμό → Χαρτογραφήστε πεδία GetResponse Εγγενής (ενσωματωμένος) Προσθέστε το API key → Επιλέξτε καμπάνια → Χαρτογραφήστε πεδία MailerLite Εγγενής (ενσωματωμένος) Προσθέστε το API key → Επιλέξτε ομάδα → Χαρτογραφήστε πεδία HubSpot Μέσω Webhook Δημιουργήστε σύνδεση Zapier/Make με δράση webhook Για κάθε ενσωμάτωση, η διαδικασία είναι: εισάγετε το API key της υπηρεσίας σας στις ρυθμίσεις ενσωμάτωσης του Elementor, στη συνέχεια επιλέξτε την υπηρεσία ως "Ενέργεια Μετά την Υποβολή" στη μορφή σας. Χαρτογραφήστε τα πεδία της μορφής σας στα πεδία της υπηρεσίας και οι συνδρομητές θα προστεθούν αυτόματα όταν υποβληθεί η μορφή.
Στρατηγικές Προστασίας από Spam
Οι φόρμες επικοινωνίας προσελκύουν spam bots. Το Elementor Pro παρέχει πολλές επιλογές πρόληψης spam:
- Google reCAPTCHA v3: Αόρατη ανίχνευση spam που βαθμολογεί τις υποβολές χωρίς αλληλεπίδραση χρήστη. Συνιστάται για τις περισσότερες φόρμες
- reCAPTCHA v2: Το πλαίσιο "Δεν είμαι ρομπότ". Πιο ορατό αλλά μπορεί να μειώσει τις ολοκληρώσεις μορφής
- Πεδίο Honeypot: Ένα αόρατο πεδίο που συμπληρώνουν τα bots. Αν το πεδίο περιέχει δεδομένα, η υποβολή απορρίπτεται. Δεν απαιτείται αλληλεπίδραση χρήστη
- Πεδίο Αποδοχής: Ένα υποχρεωτικό πλαίσιο ελέγχου (συναίνεση GDPR, αποδοχή όρων) που λειτουργεί επίσης ως αποτρεπτικός παράγοντας για bots
Συνιστούμε τη χρήση του reCAPTCHA v3 σε συνδυασμό με ένα πεδίο Honeypot. Αυτό παρέχει δύο επίπεδα προστασίας από spam χωρίς καμία ορατή επίπτωση.
στην εμπειρία του χρήστη.
Elementor Forms vs Ειδικά Πρόσθετα Φόρμας
Χαρακτηριστικό Elementor Forms Gravity Forms WPForms Οπτικός Δημιουργός Μέσα στον επεξεργαστή Elementor Ξεχωριστό drag-and-drop Ξεχωριστό drag-and-drop Συνθήκες Λογικής Βασικές (εμφάνιση/απόκρυψη πεδίων) Προηγμένες Προηγμένες Ενσωμάτωση Πληρωμών Κουμπί PayPal Stripe, PayPal, Square Stripe, PayPal, Square Υπολογισμοί Όχι Ναι Ναι (Pro) Πολλαπλά Βήματα Ναι Ναι Ναι Μεταφόρτωση Αρχείων Ναι Ναι Ναι Διαχείριση Εισαγωγών Μέσω υποβολών Elementor Πλήρης διαχειριστής εισαγωγών Πλήρης διαχειριστής εισαγωγών Απαιτεί Δημιουργό Σελίδων Ναι (Elementor Pro) Όχι Όχι Το Elementor Forms είναι επαρκές για φόρμες επικοινωνίας, εγγραφές σε newsletters και απλές φόρμες εγγραφής. Για σύνθετες φόρμες που απαιτούν επεξεργασία πληρωμών, προηγμένη λογική συνθηκών ή εξελιγμένη διαχείριση εισαγωγών, τα ειδικά πρόσθετα φόρμας όπως το Gravity Forms ή το WPForms είναι πιο κατάλληλα.
Συχνές Ερωτήσεις
Μπορώ να χρησιμοποιήσω φόρμες Elementor χωρίς Elementor Pro;
Όχι. Το widget Φόρμας είναι αποκλειστικό για το Elementor Pro. Αν χρειάζεστε φόρμες με την δωρεάν έκδοση του Elementor, χρησιμοποιήστε ένα ξεχωριστό πρόσθετο φόρμας όπως το Contact Form 7 (δωρεάν), WPForms Lite (δωρεάν) ή Gravity Forms (premium).
Πού αποθηκεύονται οι υποβολές φόρμας του Elementor;
Οι υποβολές φόρμας αποθηκεύονται στη βάση δεδομένων του WordPress και είναι προσβάσιμες κάτω από Elementor → Υποβολές στο πάνελ διαχείρισης. Μπορείτε να δείτε, να εξάγετε (CSV) και να διαγράψετε υποβολές. Οι υποβολές αποστέλλονται επίσης στις διευθύνσεις email που ρυθμίζετε στην ενέργεια Email.
Μπορούν οι φόρμες Elementor να δέχονται μεταφορτώσεις αρχείων;
Ναι. Προσθέστε έναν τύπο πεδίου Μεταφόρτωσης Αρχείων στη φόρμα σας. Μπορείτε να ρυθμίσετε τους αποδεκτούς τύπους αρχείων (PDF, JPG, PNG, DOCX, κ.λπ.) και το μέγιστο μέγεθος αρχείου. Τα μεταφορτωμένα αρχεία αποθηκεύονται στη βιβλιοθήκη πολυμέσων του WordPress και συνδέονται με την υποβολή της φόρμας.
Πώς μπορώ να προσθέσω λογική συνθηκών στις φόρμες Elementor;
Το Elementor Pro υποστηρίζει βασική λογική συνθηκών: εμφάνιση ή απόκρυψη πεδίων με βάση την τιμή ενός άλλου πεδίου. Στις ρυθμίσεις του πεδίου, ενεργοποιήστε το "Συνθήκη" και ορίστε τις συνθήκες (π.χ., εμφάνιση του πεδίου "Εταιρεία" μόνο όταν έχει επιλεγεί το ραδιοκουμπί "Είμαι επιχείρηση"). Για προηγμένη λογική συνθηκών (υπολογισμοί, πολλαπλές συνθήκες), ένα ειδικό πρόσθετο φόρμας μπορεί να είναι πιο κατάλληλο.
Μπορώ να δημιουργήσω αναδυόμενες φόρμες με το Elementor;
Ναι. Δημιουργήστε ένα πρότυπο αναδυόμενου παραθύρου στο Elementor, προσθέστε ένα widget Φόρμας μέσα σε αυτό και ορίστε τις συνθήκες ενεργοποίησης (κλικ, ποσοστό κύλισης, πρόθεση εξόδου, καθυστέρηση χρόνου). Αυτό είναι χρήσιμο για εγγραφές σε newsletters, lead magnets και προωθητικές προσφορές χωρίς να προσθέσετε μια φόρμα στο κύριο σχέδιο της σελίδας.
Πώς μπορώ να αποτρέψω το spam στις φόρμες Elementor;
Χρησιμοποιήστε το Google reCAPTCHA v3 (αόρατο) σε συνδυασμό με ένα πεδίο Honeypot για προστασία δύο επιπέδων. Αυτό μπλοκάρει τα αυτοματοποιημένα bots χωρίς να προσθέτει τριβή για τους πραγματικούς χρήστες. Για φόρμες με υψηλό όγκο spam, σκεφτείτε να προσθέσετε ένα πεδίο Αποδοχής (υποχρεωτικό checkbox) ως τρίτο επίπεδο.
Αποκτήστε το Elementor Pro με Δημιουργό Φόρμας
Αποκτήστε πρόσβαση στο widget Φόρμας, Δημιουργό Θέματος, Δημιουργό WooCommerce και 100+ Pro widgets. Δημιουργήστε φόρμες οπτικά χωρίς επιπλέον πρόσθετα.
Δείτε το Elementor Pro →
