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

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

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

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

Τώρα, το γραφικό στοιχείο δημιουργίας φορμών που συνοδεύει το Elementor είναι κλειδωμένο στην επαγγελματική του έκδοση. Ωστόσο, αντί να λάβετε το Elementor Pro για τη δημιουργία της φόρμας εγγραφής σας, συνιστούμε να χρησιμοποιήσετε την plugin Ultimate Addon for Elementor (ΗΑΕ), καθώς συνοδεύεται από πολλά ισχυρά μπλοκ και γραφικά στοιχεία σε σύγκριση με το Elementor Pro.

Πίνακας περιεχομένων

Οφέλη από τη δημιουργία προσαρμοσμένης σελίδας εγγραφής

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

Ακολουθεί μια ματιά σε μερικά από τα βασικά πλεονεκτήματα της δημιουργίας μιας προσαρμοσμένης σελίδας εγγραφής για να σας δώσουμε μια ιδέα:

1. Εξατομικεύστε τις σελίδες εγγραφής χρηστών

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

Το widget Φόρμα εγγραφής χρήστη μπορεί να χρησιμοποιηθεί για τα εξής:

  • Μια κομψή λύση για να γίνετε μέλος ενός ηλεκτρονικού καταστήματος
  • Μια προσαρμοσμένη φόρμα εγγραφής WordPress για να αντικατοπτρίζει την επιχείρησή σας
  • Μια ασφαλής φόρμα για φόρουμ και ιστότοπους ηλεκτρονικής μάθησης
  • Μια προσαρμοσμένη φόρμα εγγραφής για ιστοσελίδες μελών

2. Συλλέξτε όλες τις απαιτούμενες πληροφορίες από μια ενιαία φόρμα

Εάν υπάρχει μια συγκεκριμένη πληροφορία που θέλετε να συλλέξετε από τα μέλη σας, μπορείτε να την κάνετε μέρος της φόρμας εγγραφής σας.

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

3. Προσαρμόστε την εμπειρία χρήστη

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

4. Καταπολέμηση ανεπιθύμητων μηνυμάτων και ενίσχυση της ασφάλειας

Με την προσθήκη των Honeypot και ReCaptcha, μπορείτε να καταπολεμήσετε τους spammers και να αποτρέψετε ψεύτικες εγγραφές.

5. Τέλεια για το στυλ της επωνυμίας σας

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

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

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

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

Σημείωση : Προτού προχωρήσετε περαιτέρω, βεβαιωθείτε ότι έχετε ενεργοποιήσει την Συνδρομή μεταβαίνοντας στο Dashboard > Settings > General > Membership: Enabled .

Η ενεργοποίηση της επιλογής Συνδρομή θα επιτρέψει σε οποιονδήποτε χρήστη να εγγραφεί στον ιστότοπό σας.

Βήμα 1: Δημιουργήστε μια φόρμα εγγραφής χρήστη χρησιμοποιώντας την Plugin ΗΑΕ (Ultimate Addon for Elementor)

Για τη δημιουργία μιας προσαρμοσμένης Φόρμας Εγγραφής Χρήστη, βεβαιωθείτε ότι διαθέτετε την ενημερωμένη έκδοση της plugin ΗΑΕ , με το ενεργοποιημένο μπλοκ.

Αφού εξασφαλίσετε τις προϋποθέσεις για τη δημιουργία μιας σελίδας σύνδεσης, πρέπει να δημιουργήσετε ή να προσθέσετε μια Νέα Σελίδα. Και επεξεργαστείτε τη σελίδα στην οποία θέλετε να επισυνάψετε τη Φόρμα εγγραφής χρήστη.

Εάν σύρετε και αποθέσετε το γραφικό στοιχείο, μπορείτε να δείτε τα προεπιλεγμένα πεδία φόρμας.

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

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

Μπορείτε επίσης να διαχειριστείτε το Μέγεθος εισόδου και τις ετικέτες των πεδίων (είτε θέλετε να τα εμφανίσετε είτε να τα αποκρύψετε), είτε την Απαιτούμενη ένδειξη.

Βήμα 2: Διαμορφώστε τις ρυθμίσεις της φόρμας σας

Αφού καλύψετε τα βασικά, μπορείτε να διαμορφώσετε τις ρυθμίσεις της φόρμας μεταβαίνοντας στην Γενικές ρυθμίσεις . Μπορείτε να εκτελέσετε τις ακόλουθες λειτουργίες από εδώ:

  • Ρόλος Νέου Χρήστη
  • Επιλέξτε "Ενέργειες μετά την εγγραφή"

Ακολουθεί αναλυτικός απολογισμός και των δύο:

Ρόλος Νέου Χρήστη

Εάν έχετε έναν ιστότοπο μέλους που απαιτεί από έναν χρήστη να τον εγγράψει στον ιστότοπό σας, τότε από προεπιλογή, εκχωρείτε τον 'Ρόλο χρήστη' ως συνδρομητή .

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

Ενέργειες επιλογής μετά την εγγραφή

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

  • Αυτόματη σύνδεση : με αυτήν την επιλογή, μπορείτε να επιτρέψετε στον χρήστη να συνδεθεί αυτόματα στον ιστότοπό σας. Μετά την παροχή των διαπιστευτηρίων για πρώτη φορά, ο χρήστης δεν θα χρειαστεί να συνδεθεί ξανά, διότι θα συνδεθεί αυτόματα στον ιστότοπο μετά την επιτυχή εγγραφή.
  • Ανακατεύθυνση μετά την εγγραφή : με αυτήν την επιλογή, μπορείτε να ανακατευθύνετε τους χρήστες σε μια σελίδα καλωσορίσματος ή σε μια σελίδα σύνδεσης - μετά από επιτυχή εγγραφή. Μπορείτε να ορίσετε μια σελίδα ανακατεύθυνσης επικολλώντας τη διεύθυνση URL της επιθυμητής σελίδας στο πεδίο URL κάτω από αυτήν την επιλογή.
  • Αποστολή email: όταν ο χρήστης τον εγγράψει στον ιστότοπό σας με επιτυχία, αυτή η επιλογή θα του στείλει ένα email επιβεβαιώνοντας την εγγραφή του. Το περιεχόμενο του email είναι προσαρμόσιμο και μπορείτε να κάνετε αυτά τα email προσωπικά για περισσότερη ζεστασιά. Αλλά αν θέλετε να στείλετε το ίδιο email σε όλους τους χρήστες σας, μπορείτε επίσης να το κάνετε εξερευνώντας αυτήν την επιλογή.
  • Απόκρυψη μετά την εγγραφή: Μερικές φορές, μπορεί να θέλετε να αποκρύψετε τη φόρμα εγγραφής χρήστη αφού εγγραφεί επιτυχώς στον ιστότοπό σας. Με την επιλογή "Απόκρυψη μετά την εγγραφή", μπορείτε να αποκρύψετε τη φόρμα εγγραφής ενώ τους οδηγείτε σε μια σελίδα σύνδεσης ή απλώς στην εμφάνιση του μηνύματος "Επιτυχής" αφού τους παρέχετε έναν σύνδεσμο για να επισκεφθούν τη σελίδα σύνδεσης για να αποκτήσουν πρόσβαση στον ιστότοπο. Μπορείτε να βρείτε αυτήν την επιλογή στην ενότητα Γενικές ρυθμίσεις στην καρτέλα Περιεχόμενο του γραφικού στοιχείου.

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

Αφού το κάνετε αυτό, τελειώσατε με τη διαδικασία δημιουργίας και διαμόρφωσης για το γραφικό στοιχείο Φόρμα εγγραφής χρήστη. Η φόρμα είναι έτοιμη να δημοσιευτεί στον Ζωντανό ιστότοπο.

Βήμα 3: Προσθέστε τη Φόρμα Εγγραφής Χρήστη στον Ιστότοπό σας

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

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

π.χ. για Φόρμα Εγγραφής Χρήστη σε Σελίδα WooCommerce

Εάν θέλετε να δημιουργήσετε μια προσαρμοσμένη σελίδα WooCommerce, π.χ. Η Σελίδα Ο Λογαριασμός μου, με το όνομα ως Προσαρμοσμένη σελίδα λογαριασμού, μπορείτε απλά:

Με ένα κλικ στο κουμπί "Επεξεργασία με το Elementor" και θα μεταβείτε στον επεξεργαστή Elementor.

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

Τέλος, για να ορίσετε τη σελίδα ως «Σελίδα του λογαριασμού μου», μεταβείτε στον Πίνακα ελέγχου του WordPress. Και ακολουθήστε την ακόλουθη διαδρομή στην επιλογή WooCommerce:

WooCommerce > Ρυθμίσεις > Για προχωρημένους > Διαμόρφωση σελίδας > Σελίδα ο λογαριασμός μου > Σελίδα λογαριασμού > επιλέξτε Σελίδα προσαρμοσμένου λογαριασμού

Μπορείτε να δείτε τη σελίδα που περιέχει των ΗΑΕ στη σελίδα Λογαριασμού WooCommerce.

Συμπέρασμα:

Μπορείτε να δημιουργήσετε μια κομψή φόρμα εγγραφής, με επιλογή επιλογής της επιλογής σας, για τον ιστότοπό σας χρησιμοποιώντας το Elementor και τα ΗΑΕ .

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

Ο Αχμάντ

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

Πώς να χρησιμοποιήσετε κεφαλίδες και υποσέλιδα με το 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