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

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

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

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

Τώρα, το γραφικό στοιχείο δημιουργίας φόρμας που συνοδεύει το 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. png

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

Βήμα 1: Δημιουργία φόρμας Εγγραφή Χρήστη Χρήση του ΗΑΕ (Ultimate Addon για Elementor) Plugin

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

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

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

2. png

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

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

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

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

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

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

Εδώ είναι ένας λεπτομερής λογαριασμός και των δύο:

Νέος ρόλος χρήστη

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

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

Χωρίς τίτλο.png

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

4. png

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

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

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

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

Βήμα 3: Προσθέστε τη φόρμα εγγραφής χρήστη στον ιστότοπό σας

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

6. png

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

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

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

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

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

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

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

8. png

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

Συμπέρασμα:

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

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

Αφήστε ένα σχόλιο

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία επισημαίνονται με *