Αυτό το υλικό θα περιγράφει λεπτομερώς τη διαμόρφωση της Φόρμας Επικοινωνίας 7 - ένα πρόσθετο για μια τόσο δημοφιλή πλατφόρμα για τη δημιουργία και την προώθηση ιστότοπων στον Παγκόσμιο Ιστό όπως το WordPress. Αυτό το εργαλείο λογισμικού σάς επιτρέπει να δημιουργείτε και να διαμορφώνετε φόρμες ανατροφοδότηση.

Λίγα λόγια για το WordPress

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

Πλεονεκτήματα και αδυναμίες αυτής της πλατφόρμας για τη δημιουργία και την προώθηση ιστοσελίδων

Τα πλεονεκτήματα αυτού πλατφόρμα λογισμικούτέτοιος:

Απλότητα και διαφάνεια των πηγαίων κωδίκων.

Ένας εντυπωσιακός όγκος πληροφοριών παρασκηνίου.

Η δυνατότητα ανάπτυξης οποιουδήποτε θεματικού πόρου στο Διαδίκτυο στο συντομότερο δυνατό χρόνο.

Υψηλή απόδοση χωρίς πρόσθετα πρόσθετα λογισμικού (plug-ins).

Τα μειονεκτήματα όμως σε αυτή την περίπτωση είναι τα εξής:

Οι ιστότοποι που δημιουργούνται με βάση το "Wordpress" δεν θα αντιμετωπίσουν μεγάλο φορτίο.

Υπάρχει μείωση στην απόδοση του πόρου του Διαδικτύου κατά την εγκατάσταση πρόσθετων μίνι προγραμμάτων ή, όπως ονομάζονται επίσης, πρόσθετα.

και γιατί χρειάζονται για ιστότοπους που βασίζονται στην πλατφόρμα WordPress

Η βασική λειτουργικότητα ενός συστήματος διαχείρισης περιεχομένου όπως το WordPress είναι πολύ μέτρια. Αρκεί μόνο να αναπτύξετε τα πιο βασικά ιστολόγια και ιστοσελίδες. Προκειμένου να βελτιωθεί με κάποιο τρόπο η κατάσταση με τη λειτουργικότητα της πλατφόρμας λογισμικού και να προστεθεί ευελιξία σε αυτήν, οι προγραμματιστές πρέπει να εγκαταστήσουν ειδικά μίνι προγράμματα, τα οποία ονομάζονται plug-ins στην επαγγελματική ορολογία. Ένα από αυτά είναι η Φόρμα Επικοινωνίας 7. Η ρύθμιση της προσθήκης επιτρέπει τη δημιουργία μιας φόρμας σχολίων με εκτεταμένο επίπεδο λειτουργικότητας σε μια συγκεκριμένη σελίδα του συστήματος διαχείρισης περιεχομένου.

Ειδίκευση «Φόρμες επικοινωνίας 7»

Όπως αναφέρθηκε προηγουμένως, η δημιουργία σχολίων μεταξύ του επισκέπτη και του διαχειριστή ενός πόρου Διαδικτύου που βασίζεται στην πλατφόρμα Wordpress είναι το κύριο καθήκον της Φόρμας Επικοινωνίας 7. Η ρύθμιση αλληλογραφίας, η επεξεργασία ενός προτύπου, η αποστολή διαφόρων αρχείων απέχει πολύ από την πλήρη λίστα δυνατοτήτων ότι αυτό το μίνι πρόγραμμα. Ταυτόχρονα, ο φόρτος στους πόρους υλικού του ιστότοπου θα είναι σχετικά μικρός και η παρουσία του δεν θα οδηγήσει σε σημαντική μείωση της απόδοσης του ιστότοπου ή του ιστολογίου.

Σειρά εγκατάστασης plugin

Υπάρχουν τρεις τρόποι εγκατάστασης προσθηκών στην πλατφόρμα WordPress:

Κατεβάζοντας ένα αρχείο ZIP από τον παγκόσμιο ιστό και «ανεβάζοντάς» το στον αντίστοιχο κατάλογο του πόρου του Διαδικτύου.

Χρήση διαφόρων ειδών πελατών FTP.

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

Μεταβείτε στον πίνακα διαχείρισης του WordPress.

Στη συνέχεια, πρέπει να μεταβείτε στην ενότητα "Προσθήκες".

Στο παράθυρο που ανοίγει, επιλέξτε «Προσθήκη νέου».

Στη γραμμή αναζήτησης, πληκτρολογήστε το όνομα της προσθήκης - Φόρμα Επικοινωνίας 7 - και, στη συνέχεια, μετακινήστε το δείκτη του ποντικιού πάνω από το κουμπί "Αναζήτηση" και κάντε ένα μόνο κλικ. Μετά από αυτό, θα ξεκινήσει η λειτουργία αναζήτησης. λογισμικό.

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

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

Το επόμενο βήμα είναι να ενεργοποιήσετε το εγκατεστημένο λογισμικό. Για να το κάνετε αυτό, μεταβείτε στην καρτέλα "Προσθήκες" και βρείτε τη Φόρμα Επικοινωνίας7 στη λίστα. Δίπλα είναι η επιγραφή: "Ενεργοποίηση" και κάντε κλικ σε αυτό μία φορά με το ποντίκι.

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



Αλγόριθμος για τη ρύθμιση "Φόρμες επικοινωνίας 7"

Η ρύθμιση της Φόρμας Επικοινωνίας 7 αποτελείται από τα ακόλουθα στοιχεία:

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

Στο επόμενο στάδιο, επιλέξτε τη γλώσσα της φόρμας και ορίστε το όνομά της.

Στη συνέχεια, πρέπει, εάν είναι απαραίτητο, να διαμορφώσετε εκ νέου το πρότυπό του.

Αποθηκεύουμε τις αλλαγές που έγιναν.

Δημιουργούμε μια νέα σελίδα με τον κώδικα που λάβαμε νωρίτερα.

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

Δημιουργία νέας φόρμας

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

Μεταβείτε στο μενού αυτής της προσθήκης και επιλέξτε το στοιχείο "Φόρμες".

Στο παράθυρο που ανοίγει μετά από αυτό, πρέπει να επιλέξετε το πλαίσιο δίπλα στο στοιχείο "Φόρμα επικοινωνίας1".

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

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

Στο επόμενο, επιλέξτε το στοιχείο μενού: "Δημιουργία νέου" στον πίνακα διαχείρισης "Wordpress" "Φόρμα Επικοινωνίας7".

Στο παράθυρο που ανοίγει, στην αναπτυσσόμενη λίστα, επιλέξτε τη γλώσσα διεπαφής της μελλοντικής φόρμας - "Ρωσικά". Στη συνέχεια, κάντε κλικ στο κουμπί "Δημιουργία".

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

Ορίστε το όνομα της φόρμας

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



Επεξεργασία του προτύπου "Φόρμες επικοινωνίας 7"

Στο ίδιο παράθυρο με το όνομα της φόρμας που δημιουργήθηκε, υπάρχουν 4 καρτέλες. Το πρώτο είναι το πρότυπο. Από προεπιλογή, μόνο 5 στοιχεία σχηματίζονται εδώ:

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

Το πεδίο για την κλήση της διεύθυνσης ηλεκτρονικού ταχυδρομείου του επισκέπτη που έκανε την ερώτηση.

Ένα άλλο πεδίο σάς επιτρέπει να πληκτρολογήσετε το θέμα της ερώτησης.

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

Εάν είναι απαραίτητο, το κείμενο σε αυτό το πεδίο μπορεί να επεξεργαστεί και να προστεθούν άλλα στοιχεία διεπαφής. Για να γίνει αυτό, αρκεί να επιλέξετε τον κωδικό οποιουδήποτε στοιχείο κειμένου(για παράδειγμα, το τμήμα του κώδικα όπου υποδεικνύεται το θέμα του μηνύματος και αντιγράψτε το χρησιμοποιώντας κατάλογος συμφραζόμενωνστο ίδιο πεδίο σε άλλη τοποθεσία. Στα δεξιά υπάρχουν παράμετροι (θα συζητηθεί λεπτομερώς στην επόμενη παράγραφο), στις οποίες επιλέγουμε το στοιχείο που μας ενδιαφέρει. Μετά από αυτό, δίπλα στην αναπτυσσόμενη λίστα θα εμφανιστεί απαιτούμενος κωδικός. Στη συνέχεια, αντιγράψτε αυτόν τον κωδικό και επικολλήστε τον αντί για τον κωδικό θέματος του μηνύματος. Το όνομα του στοιχείου επιλέγεται κατά την κρίση σας.

Ρύθμιση μήκους γηπέδων και πολλά άλλα

Στο ίδιο σημείο, μπορείτε να αλλάξετε την εισαγωγή στη Φόρμα Επικοινωνίας 7. Προσαρμόζοντας το πλάτος οποιασδήποτε πεδίο κειμένουγίνεται ως εξής:

Για παράδειγμα, πρέπει να αυξήσετε τον αριθμό των χαρακτήρων στο όνομα ενός επισκέπτη πόρου Διαδικτύου σε 55. Υπάρχουν 40 από προεπιλογή.

Για να το κάνετε αυτό, προσθέστε τους αριθμούς 60/55 στον κωδικό στο τέλος. Το αποτέλεσμα θα είναι ένας κωδικός. Μετά την αποθήκευση των αλλαγών, το μήκος αυτού του πεδίου θα είναι ίσο με 60 και μέγιστο ποσόχαρακτήρες που μπορούν να πληκτρολογηθούν σε αυτό - 55.

Ομοίως, μπορείτε να αλλάξετε το μέγεθος του πεδίου κειμένου του μηνύματος. Μόνο σε αυτήν την περίπτωση είναι απαραίτητο να αλλάξετε τον κωδικό αυτού του στοιχείου ως εξής. Σε αυτήν την περίπτωση, 40 είναι ο αριθμός των γραμμάτων σε μία γραμμή και 30 είναι ο συνολικός αριθμός όρων σε αυτό το στοιχείο διεπαφής στη Φόρμα Επικοινωνίας 7. Η εμφάνιση της ίδιας της φόρμας διαμορφώνεται με ακρίβεια επιλέγοντας τις τιμές παραμέτρων για κάθε άτομο στοιχείο. Επομένως, συνιστάται στον κωδικό κάθε στοιχείου να καθορίσετε τις συγκεκριμένες τιμές ​​για κάθε παράμετρο που δίνονται σε αυτήν την ενότητα.



Άλλες καρτέλες φόρμας

Όπως σημειώθηκε, η πρώτη καρτέλα ονομάζεται Πρότυπο φόρμας. Το επόμενο σε αυτό το παράθυρο είναι "Γράμμα". Ορίζει τις παραμέτρους του τόπου στο οποίο θα σταλεί αλληλογραφία από αυτόν τον πόρο Διαδικτύου. Στην καρτέλα «Ειδοποίηση» σχηματίζεται το κείμενο του μηνύματος, το οποίο θα εμφανίζεται σε περίπτωση επιτυχούς αποστολής της επιστολής. Υπάρχει επίσης η ευκαιρία να προετοιμάσετε ένα μήνυμα σε περίπτωση που δεν μπορείτε να επικοινωνήσετε με τον διαχειριστή του ιστότοπου χρησιμοποιώντας τα εργαλεία. Τελευταία καρτέλαστη Φόρμα Επικοινωνίας 7 - "Πρόσθετες ρυθμίσεις". Περιέχει εκείνες τις παραμέτρους που χρησιμοποιούνται πολύ, πολύ σπάνια στην πράξη. Για παράδειγμα, μπορείτε να το χρησιμοποιήσετε για να ρυθμίσετε την παρακολούθηση του κειμένου που εισάγει ο χρήστης χρησιμοποιώντας το Yandex - metrics.

Πεδία που μπορούν να προστεθούν με αυτήν την προσθήκη σε αυτήν τη φόρμα

Η προσαρμογή της Φόρμας Επικοινωνίας 7 για Wordpress σάς επιτρέπει να προσθέσετε τα ακόλουθα στοιχεία διεπαφής στη φόρμα σχολίων:

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

  E-Mail - μέρος για να εισαγάγετε το όνομα του ηλεκτρονικού γραμματοκιβωτίου.

  URL - ένα πεδίο για την πληκτρολόγηση της διεύθυνσης μιας ιστοσελίδας.

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

  Το στοιχείο "Number (spinbox)" σάς επιτρέπει να δημιουργήσετε ένα πεδίο εισαγωγής οποιασδήποτε ακέραιας τιμής (για παράδειγμα, την ηλικία του επισκέπτη).

  Το στοιχείο "Number (Slider)" προσθέτει ένα ρυθμιστικό στη φόρμα, με το οποίο μπορείτε να επιλέξετε μια αριθμητική τιμή από ένα καθορισμένο εύρος.

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

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

  Το επόμενο στοιχείο - "Αναπτυσσόμενο μενού" - σας επιτρέπει να επιλέξετε την απαιτούμενη παράμετρο από μια σταθερή λίστα.

  Αλλά τα "CheckBoxs" έχουν σχεδιαστεί για να επιλέγουν μία ή περισσότερες τιμές από μια δεδομένη λίστα.

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

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

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

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

  Το επόμενο στοιχείο είναι "Αποστολή αρχείου". Σας επιτρέπει να προσθέσετε στο κείμενο της επιστολής ένα αρχείο με διάφορες επεξηγήσεις και σχόλια για τον διαχειριστή των πόρων.

  Το τελευταίο στοιχείο - "Κουμπί υποβολής" - σας επιτρέπει να προσθέσετε το αντίστοιχο στοιχείο διεπαφής.

Αποθηκεύστε τις αλλαγές

Αφού οριστούν οι απαραίτητες τιμές και η φόρμα έχει ρυθμιστεί σωστά, πρέπει να τα αποθηκεύσετε όλα αυτά. Για να γίνει αυτό, στο παράθυρο επεξεργασίας πρόσθετων, ανεβαίνουμε στο επάνω μέρος του. Θα πρέπει να υπάρχει ένα κουμπί Αποθήκευση εδώ. Μετακινήστε τον δείκτη του χειριστή σε αυτό και κάντε ένα μόνο κλικ πάνω του. Σε απάντηση, θα εμφανιστεί ο κωδικός της φόρμας, τον οποίο επιλέγουμε χρησιμοποιώντας τον ίδιο δείκτη του ποντικιού και αντιγράφουμε. Στη συνέχεια, μεταβείτε στον πίνακα διαχείρισης του συστήματος διαχείρισης περιεχομένου στο στοιχείο "Σελίδες". Στη συνέχεια, δημιουργούμε μια νέα σελίδα με το απαραίτητο όνομα (για παράδειγμα, "feedback", "Contacts" ή "Ask a question to the resource administrator"). Στη συνέχεια, μεταφράζουμε τον δρομέα κλήσης στο πεδίο εισαγωγής για τον κωδικό του. Σε αυτήν την περίπτωση, είναι απαραίτητο να αλλάξετε τη λειτουργία κλήσης κωδικού σε "Κείμενο" στον πίνακα επιλογών. Μετά από αυτό, επικολλήστε τον κωδικό φόρμας που λάβατε προηγουμένως. Στη συνέχεια, στη δεξιά πλευρά της διεπαφής, βρίσκουμε το κουμπί "Δημοσίευση" και το τοποθετούμε πάνω του με το ποντίκι. Στο επόμενο στάδιο, κάνουμε ένα μόνο κλικ με το αριστερό κουμπί του ποντικιού σε αυτό το στοιχείο της διεπαφής του συστήματος διαχείρισης περιεχομένου.



Έλεγχος του αποτελέσματος

Μετά την εκτέλεση των χειρισμών που αναφέρθηκαν προηγουμένως, θα πρέπει να προστεθεί η διεπαφή του πόρου Διαδικτύου ΝΕΑ ΣΕΛΙΔΑ, στο οποίο θα εμφανίζονται τα στοιχεία που καθορίζονται στη Φόρμα Επικοινωνίας 7. Η ρύθμιση της διεπαφής, κατ' αρχήν, έχει τελειώσει. Είναι απαραίτητο μόνο να ελέγξετε τις σωστές ρυθμίσεις λογισμικού. Για αυτό πρέπει να πάτε στο αρχική σελίδαιστοσελίδα, ιστολόγιο ή πύλη. Στη συνέχεια, στη λίστα των σελίδων βρίσκουμε αυτή στην οποία τοποθετήθηκε η φόρμα σχολίων. Πηγαίνουμε σε αυτό, εισάγουμε τις σωστές παραμέτρους σε όλα τα πεδία ταυτόχρονα και στέλνουμε μια δοκιμαστική επιστολή στην αλληλογραφία μας. Σε απάντηση, θα πρέπει να λάβετε ένα ενημερωτικό μήνυμα σχετικά με την επιτυχή ολοκλήρωση αυτής της λειτουργίας. Στη συνέχεια με άδεια πεδίαπροσπαθεί να στείλει άλλο email. Μετά από αυτό, θα πρέπει να εμφανιστεί ένα μήνυμα που δηλώνει ότι πρέπει να ορίσετε όλες τις παραμέτρους της επιλεγμένης φόρμας. Εάν και στις δύο περιπτώσεις ελήφθησαν τα αποτελέσματα που αναφέρθηκαν προηγουμένως, τότε η φόρμα ανατροφοδότησης που δημιουργήθηκε λειτουργεί σωστά.

Πλεονεκτήματα και μειονεκτήματα του plugin. Εναλλακτικές

Μια εξαιρετική λύση για έναν αρχάριο προγραμματιστή να δημιουργήσει μια φόρμα σχολίων είναι το μίνι πρόγραμμα Φόρμα Επικοινωνίας 7. Η ρύθμιση της αποστολής αλληλογραφίας, η δημιουργία στοιχείων διεπαφής και άλλων σημαντικών στοιχείων διεπαφής σε αυτήν την περίπτωση είναι κυρίως αυτοματοποιημένη και απαιτεί ελάχιστες γνώσεις χρήστη. Επομένως, για έναν απλό πόρο Διαδικτύου επίπεδο εισόδουκαι με έναν αρχάριο διαχειριστή - αυτή είναι μια εξαιρετική λύση. Αλλά τελικά, κάθε πρόσθετο είναι ένα πρόσθετο φορτίο στους πόρους της ιστοσελίδας, το οποίο μειώνει την απόδοση. Ως αποτέλεσμα, οι πιο προχωρημένοι χρήστες συνιστούν να απομακρυνθούν από τέτοια εύκολος τρόποςδημιουργήστε μια φόρμα σχολίων. Μπορείτε επίσης να το δημιουργήσετε μόνοι σας με χρησιμοποιώντας HTML, CSS και JS, αν και με λιγότερη λειτουργικότητα. Αυτό θα μειώσει την ανάγκη για υπολογιστικούς πόρους του ιστότοπου και θα αυξήσει σημαντικά το επίπεδο απόδοσης.



Αποτελέσματα

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

Καλησπέρα αγαπητοί αναγνώστες του ιστολογίου. Συνεχίζουμε το θέμα των φορμών σχολίων στο WordPress. Και επειδή μιλάμε για αυτά, προτείνω σήμερα να μιλήσουμε για το πρόσθετο WP Contact Form 7. Στη συνέχεια, θα σας πω τη ρύθμιση της προσθήκης βήμα προς βήμα και θα περιγράψω επίσης εν συντομία τα πρόσθετα για αυτό το πρόσθετο.

Πλοήγηση σελίδας:

Περιγραφή της Φόρμας Επικοινωνίας του WordPress 7

2) Ενεργοποιήστε την προσθήκη Φόρμας Επικοινωνίας 7 στον διαχειριστή του WordPress.

3) Μεταβείτε στην καρτέλα που δημιουργήθηκε πρόσφατα όπως φαίνεται στην εικόνα:

4) Κάντε κλικ στην καρτέλα "Προσθήκη νέου" και καθορίστε την προεπιλεγμένη γλώσσα φόρμας ή επιλέξτε την επιθυμητή

5) Καθορίστε το όνομα της φόρμας επικοινωνίας και κάντε κλικ στην αποθήκευση.

6) Τώρα έχουμε έναν σύντομο κωδικό που μπορεί ήδη να αντιγραφεί και να επικολληθεί σε μια ανάρτηση ή πλαϊνή γραμμή για να εμφανιστεί η φόρμα - contact-form-7 id="1252" title="Form number 1" (надо взять в квадратные скобки как на рисунке).!}

7) Έτσι φαίνεται η φόρμα μας:

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

Πώς να εμφανίσετε τη Φόρμα Επικοινωνίας 7 σε αυθαίρετη θέση στο πρότυπο

Στην παράγραφο 6 ρύθμιση βήμα προς βήμαΣας έδειξα πώς μπορείτε να πάρετε τον σύντομο κώδικα του CF7 και περιέγραψα περαιτέρω ότι αυτός ο κωδικός μπορεί να εμφανιστεί σε ένα widget ή σε μια ανάρτηση, σελίδα. Επιπλέον, θέλω να πω ότι μπορείτε να εμφανίσετε τη φόρμα επικοινωνίας 7 οπουδήποτε στο πρότυπο. Για να το κάνετε αυτό, εισαγάγετε τον ακόλουθο απλό κώδικα:

Αυτό είναι όλο, εάν τα κάνατε όλα σωστά, θα λάβετε την έξοδο της Φόρμας Επικοινωνίας 7 σε ένα αυθαίρετο μέρος πρότυπο wordpress.

Προσαρμογή της Φόρμας Επικοινωνίας 7 Πεδία εισαγωγής

Χάρη σε αυτόν, θα έχετε επιπλέον κουτιά όπως:

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

Στη νέα έκδοση της προσθήκης CF7 4.4 και νεότερη έκδοση, ο προγραμματιστής συνιστά την εισαγωγή στο πεδίο από (εδώ βρίσκεται στο παρακάτω δέρμα)

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

Πώς να απαντήσετε στον χρήστη από το ταχυδρομείο;

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

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

Να απαντήσουν σε:

Φυσικά, το your-email-sh πρέπει να αντικατασταθεί με τον σύντομο κωδικό αλληλογραφίας σας. Δείτε το δέρμα παρακάτω:

Τώρα, όταν λαμβάνετε μια επιστολή σχολίων WordPress, μπορείτε να κάνετε κλικ στο ταχυδρομείο για να απαντήσετε και η απάντησή σας θα σταλεί στο σωστό e-mail.

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

Αυτό είναι όλο. Ελπίζω να καταλαβαίνετε πώς διαμορφώνεται το πρόσθετο και οι διατάξεις του.

Λεπτομερείς οδηγίες για την εγκατάσταση, τη διαμόρφωση και τη χρήση της προσθήκης φόρμας σχολίων για έναν ιστότοπο WordPress. Προσθήκη Φόρμα Επικοινωνίας 7 σε αυτή τη στιγμήείναι το καλύτερο στην κατηγορία του.

Το γεγονός ότι δεν υπάρχει προφανής εναλλακτική λύση ακόμη και μεταξύ των προσθηκών επί πληρωμή μπορεί να κριθεί από το πόσο συχνά χρησιμοποιείται η προσθήκη Φόρμας Επικοινωνίας 7. Τη στιγμή της σύνταξης αυτής της ανάρτησης, αυτή η προσθήκη έχει ληφθεί περισσότερες από 28.800.000 φορές μόνο από τον επίσημο ιστότοπο του WordPress, και η μέση βαθμολογία είναι 4,5 στα 5! Αυτό είναι πραγματικά ένα σημάδι μεγάλης επιτυχίας. Επιπλέον, αν κοιτάξετε τα κορυφαία σε πωλήσεις θέματα WP premium, σχεδόν σε κάθε ένα από αυτά θα βρείτε την προσθήκη Φόρμας Επικοινωνίας 7 όπως συνιστάται ή είναι εγκατεστημένη από προεπιλογή.

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

Εγκατάσταση της προσθήκης φόρμας επικοινωνίας 7

Μπορείτε να κάνετε λήψη της προσθήκης Φόρμας Επικοινωνίας 7 από τον επίσημο ιστότοπο του WordPress (σύνδεσμος παραπάνω) ή απευθείας μέσω της καρτέλας "Plugins" > "Add New" > Line "Search plugins" > drive in "Contact Form 7". Μην ξεχάσετε να ενεργοποιήσετε το πρόσθετο πριν ξεκινήσετε: "Πρόσθετα" > "Εγκατασταθεί" > βρείτε την προσθήκη Φόρμας Επικοινωνίας 7 > κάντε κλικ στο "Ενεργοποίηση". Ένα νέο στοιχείο "Φόρμα Επικοινωνίας 7" θα εμφανιστεί στον πλαϊνό πίνακα διαχείρισης του ιστότοπού σας.

Διαμόρφωση της Προσθήκης Φόρμας Επικοινωνίας 7

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

Ένα παράδειγμα προσθήκης φόρμας σχολίων

1. Επιλέξτε στον πίνακα διαχείρισης Κουμπί «Φόρμα επικοινωνίας 7» > «Φόρμες» > στη σελίδα «Προσθήκη νέου»..

2. Θα σας ζητηθεί να επιλέξετε μια γλώσσα για τη φόρμα. Η προεπιλογή είναι "Ρωσικά". Κάντε κλικ στο κουμπί "Προσθήκη νέου".
3. Ένα παράθυρο έχει ανοίξει μπροστά σας όπου μπορείτε να δημιουργήσετε τη δική σας φόρμα με τις ρυθμίσεις σας.

Οι δυνατότητες είναι εκτεταμένες, αλλά θέλω να επισημάνω μερικά χαρακτηριστικά αμέσως. Το παράθυρο που άνοιξε περιέχει πολλές καρτέλες: «Πρότυπο φόρμας», «Επιστολή», «Ειδοποιήσεις κατά την υποβολή της φόρμας», «Πρόσθετες ρυθμίσεις». Δεν χρειάζεστε την τελευταία καρτέλα, είναι περισσότερο μια προσαρμογή για προχωρημένους χρήστες και προγραμματιστές. Ας ρίξουμε μια πιο προσεκτική ματιά στα υπόλοιπα.

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

"Πρότυπο φόρμας"- σε αυτήν την ενότητα, θα δημιουργήσετε Ετικέτες, οι οποίες είναι υπεύθυνες για την παρουσία των απαραίτητων πεδίων στη φόρμα.

"Γράμμα"- Αυτό εμφάνισηκαι το περιεχόμενο της επιστολής που θα λάβετε αφού ο επισκέπτης συμπληρώσει τη φόρμα.

ΠΡΟΣΟΧΗ:Τώρα θα αναλύσουμε τι είναι οι ετικέτες και ποια πεδία δημιουργούν. Όλες αυτές οι ετικέτες εισάγονται στην καρτέλα "Πρότυπο φόρμας", αλλά εάν δεν εισαγάγετε τις "ετικέτες απάντησης" με μη αυτόματο τρόπο (!) στην καρτέλα "Επιστολή", τότε οι συμπληρωμένες φόρμες δεν θα είναι πλήρεις.

4. Επιλογές ετικέτας στην καρτέλα Πρότυπο φόρμας.

-κείμενο:προσθέτει ένα πεδίο κειμένου (σύντομο).
- ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ:πεδίο για e-mail.
- url:ένα πεδίο για τον καθορισμό της διεύθυνσης του ιστότοπου ή οποιουδήποτε συνδέσμου.
— τηλ:πεδίο τηλέφωνο επικοινωνίας
-αριθμός:ένα πεδίο στο οποίο μπορείτε να εισάγετε μόνο μια αριθμητική τιμή
ημερομηνία:πεδίο μορφής ημερομηνίας
- περιοχή κειμένου:προσθέτει ένα πεδίο κειμένου (μεγάλο).
- πτυσώμενο μενού:αναπτυσσόμενη λίστα. Το πεδίο έχει πρόσθετες ρυθμίσεις. Η λίστα που θα εγκαταλείψει εμφανίζεται στο πεδίο «Επιλογές». Και ένα στοιχείο της λίστας σε μία γραμμή (δεν χωρίζεται με κόμμα!). Εάν είναι επιλεγμένο το "Να επιτρέπονται πολλαπλές επιλογές", ο χρήστης θα μπορεί να επιλέξει περισσότερες από μία επιλογές από τη λίστα σας. Εάν είναι επιλεγμένο το "Εισαγωγή κενού στοιχείου ως πρώτη επιλογή", τότε θα προστεθεί ένα κενό πεδίο στην κορυφή από προεπιλογή, το οποίο μπορεί επίσης να επιλεγεί από τον χρήστη.

- πλαίσια ελέγχου:Πλαίσιο ελέγχου (σημάδια ελέγχου). Το πεδίο έχει πολλές ρυθμίσεις. Η λίστα των πλαισίων ελέγχου υποδεικνύεται στο πεδίο "Επιλογές". Και ένα πλαίσιο ελέγχου σε μία γραμμή (δεν χωρίζεται με κόμμα!). Εάν είναι επιλεγμένο το "Πρώτα βάλτε μια ετικέτα, τελευταίο ένα πλαίσιο ελέγχου", το πρώτο πλαίσιο ελέγχου θα επιλεγεί από προεπιλογή. Εάν είναι επιλεγμένο το στοιχείο "Κάντε τα πλαίσια ελέγχου αποκλειστικά", τότε ο χρήστης θα μπορεί να επισημάνει μόνο ένα από τα πλαίσια ελέγχου.

κουμπιά επιλογής:κουμπιά επιλογής. Τα κουμπιά επιλογής σάς επιτρέπουν να επιλέγετε πάντα μόνο ένα στοιχείο από τη λίστα. Η εισαγωγή μιας λίστας είναι παρόμοια με τα πλαίσια ελέγχου σε μια στήλη. Από τις ρυθμίσεις, μπορείτε να ενεργοποιήσετε το «Πρώτα βάλτε μια ετικέτα, τελευταίο ένα πλαίσιο ελέγχου», και στη συνέχεια το πρώτο κουμπί επιλογής από τη λίστα θα επιλεγεί από προεπιλογή.

— αποδοχή:πεδίο πλαισίου ελέγχου, χωρίς να επιλέξετε το πλαίσιο στο οποίο δεν θα σταλεί το μήνυμα. Στην πραγματικότητα, αυτή είναι μια ευκαιρία να λάβει την άνευ όρων συγκατάθεση του χρήστη σε κάτι, διαφορετικά η επιστολή δεν θα σταλεί. Για παράδειγμα, "Συμφωνείτε ότι οι πληροφορίες που παρέχετε θα υποβληθούν σε επεξεργασία από τους χειριστές μας."

- κουίζ:καινοτομία πρόσθετων. Αυτό το πεδίο σάς επιτρέπει να δημιουργήσετε μια ερώτηση και μια απάντηση σε αυτήν. Ιδανικό για χρήση ως προστασία από ανεπιθύμητα μηνύματα. Δείτε τη μορφή της ερώτησης και της απάντησης στη φόρμα δημιουργίας ετικετών.

Οποιοδήποτε πεδίο μπορεί να γίνει υποχρεωτικό (συνήθως τέτοια πεδία σημειώνονται με *) για συμπλήρωση, για αυτό πρέπει να επιλέξετε το πλαίσιο Τύπος πεδίου > Υποχρεωτικό πεδίο. Προσοχή!Μην ξεχάσετε να υποδείξετε στο κείμενο στους χρήστες ότι το πεδίο πρέπει να συμπληρωθεί υποχρεωτικά!

- CAPTCHA:Το captcha εγκαθίσταται μόνο ως πρόσθετο πρόσθετο. Αλλά κατ 'αρχήν, με την παρουσία της ετικέτας κουίζ, η ανάγκη για πτώση είναι πολύ λιγότερη.

-αρχείο:Το πεδίο δημιουργεί μια ετικέτα που επιτρέπει στο χρήστη να επισυνάψει ένα αρχείο στο μήνυμα. Στις ρυθμίσεις ετικέτας, μπορείτε να καθορίσετε "Όριο μεγέθους αρχείου (byte)" μέγιστο μέγεθοςσυνημμένο αρχείο, επιτρεπόμενοι τύποι αρχείων (επεκτάσεις διαχωρισμένες με κόμματα). Προσοχή, αν δεν καθορίσετε το μέγιστο μέγεθος του συνημμένου αρχείου, τότε από προεπιλογή καθορίζεται από τις δυνατότητες του διακομιστή σας. Μπορείτε να μάθετε τις ακριβείς πληροφορίες για τους περιορισμούς από την εταιρεία που σας παρέχει φιλοξενία. Συνήθως το μέγιστο μέγεθος περιορίζεται στα 10 MB.

submint: η ετικέτα προσθέτει ένα κουμπί "Υποβολή" (το όνομα μπορεί να αλλάξει).
Αυτή είναι μια οθόνη με όλες τις ετικέτες που δημιούργησα και παρακάτω είναι μια οθόνη της φόρμας στον ιστότοπο. Λάβετε υπόψη ότι το "Πρότυπο φόρμας" υποστηρίζει ετικέτες HTML, επομένως κάνω επεξηγήσεις για τους χρήστες που χρησιμοποιούν Ετικέτες HTML.

5. Καρτέλα "Επιστολή".

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

Τα εισάγουμε στο σώμα του γράμματος (πεδίο "Σώμα μηνύματος"): απλώς αντιγράψτε τις ετικέτες που επισημαίνονται με μαύρο και επικολλήστε τις στη μορφή του σώματος του γράμματος. Λάβετε υπόψη ότι οι αριθμοί που αναγράφονται στις ετικέτες είναι οι ίδιοι μοναδικούς αριθμούςπεδία που προσθέσατε στο πρότυπο φόρμας. Έτσι, μπορείτε να προσδιορίσετε ποιο πεδίο ανήκει σε τι και να το υπογράψετε απευθείας στο σώμα της επιστολής, για να μην μπερδευτείτε αργότερα.
Αποθηκεύουμε τις αλλαγές.

6. Εγκατάσταση της φόρμας στον ιστότοπο.

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

Πλεονεκτήματα και μειονεκτήματα με λίγα λόγια

πλεονεκτήματα
+ μεγάλος αριθμός τύπων πεδίων
+ πολύγλωσση υποστήριξη
+ ευκολία χρήσης
+ δωρεάν
+ αξιόπιστο
+ δεν έρχεται σε διένεξη με άλλα πρόσθετα
+ Η προσθήκη Φόρμας Επικοινωνίας 7 είναι υπό ανάπτυξη

Μειονεκτήματα:
- μην ξεχάσετε να προσθέσετε πρόσθετες ετικέτες στο γράμμα που δημιουργείται
– ο σχεδιασμός της φόρμας και του γράμματος απαιτεί ελάχιστη γνώση HTML

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

Σχεδόν κάθε ιστότοπος θα πρέπει να έχει σχόλια που να επιτρέπουν στους αναγνώστες ιστολογίου ή στους πελάτες της εταιρείας να επικοινωνούν απευθείας με τους ιδιοκτήτες τους. Αυτός είναι ένας από τους πιο βολικούς τρόπους αλληλεπίδρασης με τους επισκέπτες. Ωστόσο, ορισμένοι ιδιοκτήτες ιστότοπων WordPress εξακολουθούν να περιορίζονται στην απλή δημοσίευση μιας διεύθυνσης email επικοινωνίας, καθώς αυτό το σύστημα διαχείρισης περιεχομένου δεν διαθέτει ενσωματωμένη λειτουργία δημιουργίας φόρμας επικοινωνίας. Αυτή η προσέγγιση μπορεί να προσελκύσει μεγάλο ποσόΔιαδικτυακά bots που κυριολεκτικά θα πλημμυρίσουν το γραμματοκιβώτιό σας με spam.

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

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

Βασικά χαρακτηριστικά του πρόσθετου

• Βελτιστοποίηση για οποιεσδήποτε ανάγκες χρήστη.
• Απλή διεπαφή και σαφείς επιλογές.
• Βολική προβολή ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ;
• Υποστήριξη για πολλές γλώσσες, συμπεριλαμβανομένων των ρωσικών.
• Αξιόπιστη προστασία από ανεπιθύμητη αλληλογραφία με ερώτηση κειμένου ή captcha.
• Υποστήριξη για αιτήματα Ajax.
• Προσαρμογή εμφάνισης μέσω Στυλ CSS;
• Χρήσιμη τεκμηρίωση που απαντά σε πολλές ερωτήσεις.

Χρήση πρόσθετων

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

Το πρώτο πράγμα που θα παρατηρήσετε μετά την ενεργοποίηση του πρόσθετου είναι η εμφάνιση ενός νέου στοιχείου στο διαχειριστή Πίνακες ελέγχου WordPressονομάζεται "Φόρμα Επικοινωνίας 7", όπου πραγματοποιούνται όλες οι ρυθμίσεις της προσθήκης. Εναλλακτικά, μπορείτε να πάτε εκεί μέσω της λίστας εγκατεστημένα πρόσθεταβρίσκοντας τη Φόρμα Επικοινωνίας 7 και κάνοντας κλικ στο "Ρύθμιση".

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

Νέα Μορφή Συνείδηση

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

1. Πεδίο κειμένου, διεύθυνση email (κείμενο, email).
2. Σύνδεσμος (url);
3. Αριθμός τηλεφώνου, εύρος αριθμών, ημερομηνία (τηλ., αριθμός, ημερομηνία).
4. Ένα πεδίο κειμένου με πολλές γραμμές (textarea).
5. Πλαίσια ελέγχου, κουμπιά επιλογής και αναπτυσσόμενο μενού (πλαίσιο ελέγχου, ραδιόφωνο, επιλογή).
6. Έλεγχος Captcha (captchac και captchar).
7. Έλεγχος ερώτησης ασφαλείας (κουίζ).
8. Πλαίσιο ελέγχου αποδοχή.
9. Επισύναψη αρχείων (αρχείο).
10. Κουμπί υποβολής.

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

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

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

Το όνομα του πεδίου μπορεί να παραμείνει ως προεπιλογή ή να οριστεί σε κάτι άλλο, όπως "το ψευδώνυμό σας". Προκειμένου το πεδίο να έχει προεπιλεγμένο περιεχόμενο που θα βοηθήσει τον χρήστη να πλοηγηθεί πιο γρήγορα, θα πρέπει να το προσθέσετε στη γραμμή "Προεπιλεγμένη τιμή". Εάν επιλέξετε το πλαίσιο "Χρήση αυτού του κειμένου ως σύμβολο κράτησης θέσης του πεδίου", τότε αυτό το περιεχόμενο θα εξαφανιστεί όταν κάνετε κλικ. Στη συνέχεια, μπορείτε να ορίσετε τα χαρακτηριστικά "ID" ή "Class" για να τα χρησιμοποιήσετε για το στυλ του πεδίου μέσω στυλ CSS. Τώρα μένει μόνο να κάνετε κλικ στην "Εισαγωγή ετικέτας" και η ετικέτα που δημιουργήθηκε θα εμφανιστεί στο περιεχόμενο. Θα πρέπει να μοιάζει με αυτό:

Το ψευδώνυμό σου

(κείμενο το αναγνωριστικό your-nickname: your-nickname placeholder "Nickname") !}

Παρόμοιες ενέργειες θα πρέπει να εκτελούνται κατά την προσθήκη άλλων πεδίων (τηλ, κουίζ). Μόνο, σε περίπτωση ερώτησης για προστασία από ανεπιθύμητα μηνύματα (κουίζ), θα χρειαστεί να γράψετε την ερώτηση και την απάντηση σε μία γραμμή, διαχωρισμένες με "|". Θα πρέπει να μοιάζει κάπως έτσι (Τι είναι το 2+3;|5). Λάβετε υπόψη ότι η σειρά των ετικετών στο περιεχόμενο του προτύπου καθορίζει τη θέση των πεδίων στον ιστότοπο.

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

Ρύθμιση του παραλήπτη και του περιεχομένου των επιστολών

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

1. "Προς" - διεύθυνση γραμματοκιβωτίου διαχειριστή.
2. "Από" - το όνομα του αποστολέα.
3. "Θέμα" - το θέμα της επιστολής.
4. Πρόσθετες κεφαλίδες - πρόσθετες κεφαλίδες.
5. Σώμα μηνύματος - το περιεχόμενο της επιστολής.
6. Συνημμένα αρχεία.

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

Ρύθμιση ειδοποιήσεων κατά την αποστολή

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

Επιπλέον επιλογές

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

Acceptance_as_validation: on

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

Εξατομίκευση

Από προεπιλογή, για όλα τα πεδία στη Φόρμα Επικοινωνίας 7, χρησιμοποιείται τυπικό στυλ από το πρότυπο WordPress, το οποίο δεν είναι ιδιαίτερα όμορφο. Εξαιτίας αυτού, πολλοί χρήστες αναζητούν εναλλακτικές λύσεις, με πιο ελκυστική εμφάνιση. Αλλά για όσους είναι εξοικειωμένοι με το CSS, θα είναι πολύ εύκολο να αλλάξετε την εμφάνιση των πεδίων σύμφωνα με τις προτιμήσεις σας. Για να το κάνετε αυτό, μπορείτε να χρησιμοποιήσετε τα χαρακτηριστικά "ID" και "Class", τα οποία ορίζονται στις παραμέτρους κάθε ετικέτας.

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

Πρόσθεση

Ως προσθήκη, αξίζει να αναφέρουμε ένα πολύ καλό χαρακτηριστικόστη Φόρμα Επικοινωνίας 7 για WordPress, με την οποία μπορείτε να φιλτράρετε μεγάλες ροές επιστολών από επισκέπτες. Υπάρχουν περιπτώσεις όπου υπάρχουν πραγματικά πολλά από αυτά, επομένως είναι αδύνατο να απαντήσετε γρήγορα σε όλα και το χειροκίνητο φιλτράρισμα είναι πολύ μεγάλο. Φυσικά, σε αυτήν την περίπτωση, μπορείτε να χρησιμοποιήσετε ετικέτες και φίλτρα απευθείας γραμματοκιβώτιοαλλά και αυτό θα πάρει πολύ χρόνο. Θα είναι πολύ πιο εύκολο να φιλτράρετε στο στάδιο υποβολής χρησιμοποιώντας την ετικέτα "επιλογή" στη Φόρμα Επικοινωνίας 7, η οποία εμφανίζει μια αναπτυσσόμενη λίστα. Σε αυτήν τη λίστα, μπορείτε να παρέχετε στον χρήστη την επιλογή μιας κατηγορίας μηνύματος για να προσδιορίσει τη σημασία της εισερχόμενης αλληλογραφίας από αυτήν.

Δημιουργήστε ένα νέο πεδίο επιλέγοντας το "αναπτυσσόμενο μενού" και ορίστε το σε υποχρεωτικό. Στη συνέχεια, προσθέστε πολλές επιλογές κατηγορίας για μηνύματα στη γραμμή "Επιλογές", ανάλογα με την κατεύθυνση του ιστότοπού σας (για παράδειγμα, "Γενικές ερωτήσεις", "Κριτικές για το έργο της εταιρείας", "Επιστροφή χρημάτων"). Κάθε κατηγορία πρέπει να ξεκινά με νέα γραμμή. Καλό είναι επίσης να τσεκάρετε το πλαίσιο "Εισαγωγή κενού στοιχείου ως πρώτη επιλογή", ώστε το πρώτο στοιχείο στη λίστα να είναι μια κενή συμβολοσειρά και ο χρήστης πρέπει να επιλέξει τον κατάλληλο λόγο αντί να αφήσει την πρώτη επιλογή.

Τώρα, κάντε κλικ στην "Εισαγωγή ετικέτας" και αντιγράψτε το όνομά της. Στη συνέχεια, μεταβείτε στην ενότητα "Γράμμα" και επικολλήστε το αντιγραμμένο στη γραμμή "Θέμα", φροντίστε να προηγείται του "". Έγινε, τώρα το θέμα κάθε εισερχόμενης επιστολής θα είναι η κατηγορία που θα επιλέξει ο χρήστης, κάτι που θα διευκολύνει πολύ το φιλτράρισμα.

συμπέρασμα

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

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

Δημιουργία και εμφάνιση φορμών επικοινωνίας

Δημιουργία φορμών στον διαχειριστή

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

Η φόρμα στην εικόνα δημιουργήθηκε αυτόματα όταν ενεργοποιήθηκε το πρόσθετο.

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

Μπροστινό μέρος του ιστότοπου

Τώρα ας αποθηκεύσουμε το άρθρο και ας δούμε πώς μοιάζει η φόρμα μας (χρησιμοποιώντας το θέμα Twenty Sixteen):

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

Προσαρμογή φόρμας (δημιουργία πολύπλοκων φορμών)

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

Στο επάνω πεδίο - το όνομα της φόρμας (είναι ορατό μόνο στον πίνακα διαχείρισης), υποδείξτε ένα όνομα που είναι σαφές για εσάς, για παράδειγμα: "Σχόλια σχετικά με τον ιστότοπο", "Φόρμα αίτησης εργασίας", "Φόρμα σχολίων" , και τα λοιπά.

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

Και παρακάτω είναι τέσσερις καρτέλες:

1. Πρότυπο φόρμας
2. Γράμμα
3. Επιπρόσθετες ρυθμίσεις

Ας εξετάσουμε κάθε καρτέλα ξεχωριστά.

Πρότυπο φόρμας

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

Διάταξη φόρμας

Για διάταξη, μπορείτε να χρησιμοποιήσετε ετικέτες html και συντομότερους κωδικούς πρόσθετων. Οι σύντομοι κωδικοί προσθέτουν πεδία φόρμας και οι ετικέτες html σάς επιτρέπουν να δημιουργήσετε μια αυθαίρετη δομή HTML. Για παράδειγμα, η προεπιλεγμένη φόρμα μας μοιάζει με αυτό:

Το όνομά σας (απαιτείται) Το email σας (απαιτείται) Θέμα Μήνυμα

Και όταν εμφανίζεται σε μια ανάρτηση, θα μετατραπεί σε αυτό το HTML:

Σύνταξη σύντομου κώδικα

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

Η ετικέτα αργότερα θα μετατραπεί σε πεδίο κειμένου με κώδικα html:

Οι σύντομοι κώδικες μπορούν να δημιουργηθούν εύκολα χρησιμοποιώντας τον κατασκευαστή σύντομων κωδικών.

Αλλά ο κατασκευαστής δεν σας επιτρέπει να αλλάξετε τον σύντομο κώδικα (μπορείτε μόνο να δημιουργήσετε έναν σύντομο κώδικα εκεί). Υπάρχουν δύο τρόποι για να αλλάξετε τον σύντομο κωδικό:

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

Με τον σχεδιαστή, θα το καταλάβετε μόνοι σας.

Και εδώ θα αναλύσουμε τη σύνταξη του σύντομου κώδικα.

Για παράδειγμα, εξετάστε μια ετικέτα πεδίου κειμένου με πρόσθετες επιλογές:

Κείμενο (απαιτείται)Τύπος πεδίου: κείμενο, επιλογή, κωδικός πρόσβασης, αριθμός κ.λπ. (στην περίπτωση αυτή, ένα πεδίο κειμένου). Καθορίζει σε ποιο στοιχείο φόρμας θα μετατραπεί η ετικέτα μας, που σημαίνει τι είδους δεδομένα θα δέχεται. * Ο αστερίσκος καθιστά το πεδίο υποχρεωτικό (η φόρμα δεν θα υποβληθεί και θα εμφανιστεί μια ειδοποίηση ότι το πεδίο πρέπει να συμπληρωθεί). Όνομα Πελάτη (απαιτείται)Το όνομα του πεδίου χρησιμοποιείται ως χαρακτηριστικό όνομα στην είσοδο, και χρησιμοποιείται επίσης κατά τη διαμόρφωση του προτύπου της απεσταλμένης επιστολής. id:my-id Το χαρακτηριστικό id στην είσοδο με την τιμή my-id. Χρησιμοποιείται για διακόσμηση. τάξη: η τάξη μου χαρακτηριστικό κλάσηςσε είσοδο με τιμή my-class. Χρησιμοποιείται για διακόσμηση. σύμβολο κράτησης θέσης " Εισαγάγετε ένα όνομα" Использовать текст "Введите имя" как placeholder. !}

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

Τύποι πεδίων

• Πεδία κειμένου: κείμενο , email , τηλ , url , textarea
• Αριθμητικά πεδία: αριθμός , εύρος
• Πεδία ημερομηνίας: ημερομηνία
• Πλαίσια ελέγχου, ραδιόφωνα, λίστες: πλαίσιο ελέγχου , ραδιόφωνο , επιλέξτε
• Πεδίο αποστολής αρχείου: αρχείο
• CAPTCHA: captchac και captchar
• Δημοσκοπήσεις: κουίζ
• Πεδίο "Αποδοχή": αποδοχή
• Κουμπί υποβολής: υποβολή
• Προσαρμοσμένος τύπος πεδίου

Πρότυπο επιστολής

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

Οι ετικέτες αποτελούνται από ονόματα πεδίων από το πρότυπο φόρμας. Για παράδειγμα, έχουμε δημιουργήσει ένα πεδίο κειμένου με το όνομα: . Τώρα μπορείτε να χρησιμοποιήσετε την ετικέτα στο πρότυπο email σας. Στο γράμμα, αντί αυτής της ετικέτας, θα αντικατασταθεί η τιμή του πεδίου που εισήγαγε ο χρήστης (πλήρες όνομα).

Κεφαλίδες email:

Προς - τη διεύθυνση email όπου θα σταλεί το email. Μπορείτε να καθορίσετε όσα πλαίσια θέλετε χωρισμένα με κόμματα.

Από - όνομα και e-mail, από τον οποίο προήλθε η επιστολή. Συνήθως η αλληλογραφία του διακομιστή υποδεικνύεται εδώ (για παράδειγμα [email προστατευμένο]).

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

Θέμα - Ο τίτλος του email. Θα είναι σαφές από ποια φόρμα στάλθηκαν τα δεδομένα. Για παράδειγμα, το θέμα της επιστολής είναι "Σφάλμα στον ιστότοπο", "Παραγγελία επανάκλησης" και ούτω καθεξής. Επιλέξτε έναν τίτλο για να διευκολύνετε την εργασία με τα ληφθέντα γράμματα.

• Πρόσθετες κεφαλίδες - Απάντηση σε: γράφεται εδώ από προεπιλογή. Η κεφαλίδα Απάντηση σε μας λέει ότι αυτό το μήνυμα ηλεκτρονικού ταχυδρομείου μπορεί να απαντηθεί κάνοντας κλικ στο κουμπί "Απάντηση" στο πρόγραμμα αλληλογραφίας, και η ετικέτα φόρμας είναι το όνομα του πεδίου από το πρότυπο. Το μήνυμα ηλεκτρονικού ταχυδρομείου που καθορίζεται από τον χρήστη θα εισαχθεί αντί αυτής της ετικέτας. Λαμβάνετε κάτι σαν Απάντηση σε: [email προστατευμένο].

Σώμα επιστολής

Αυτό είναι το επόμενο σημαντικό μέρος αυτής της καρτέλας. Ιδού το κείμενο της επιστολής. Στο κείμενο, χρησιμοποιούμε όλες τις ίδιες ετικέτες φόρμας (ονόματα πεδίων από το πρότυπο φόρμας).

Ας αναλύσουμε το προεπιλεγμένο γράμμα:

Από:<>Θέμα: Μήνυμα: -- Στάλθηκε από τον ιστότοπο Exploring the Contact Form 7 Plugin (http://test-wp.ru)

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

Από: Ντμίτρι Θέμα: Ερώτηση σχετικά με τη Φόρμα Επικοινωνίας 7 Μήνυμα: Γεια σας! Έχω μια ερώτηση σχετικά με την προσθήκη Φόρμας Επικοινωνίας 7. Πώς μπορώ να τη ρυθμίσω; -- Στάλθηκε από τον ιστότοπο Exploring Contact Form 7 Plugin (http://test-wp.ru)

Προαιρετικά πεδία στο σώμα του email

Εάν ο χρήστης δεν συμπληρώσει το πεδίο, αλλά χρησιμοποιείται στο σώμα του γράμματος, τότε το σώμα του γράμματος θα είναι ελλιπές. Για παράδειγμα, το σώμα λέει Man from the city, αλλά ο χρήστης δεν συμπλήρωσε το πεδίο, πράγμα που σημαίνει ότι στο γράμμα θα λάβουμε το Man from the city... Μια τέτοια γραμμή στο γράμμα είναι περιττή. Για να αφαιρέσετε αυτήν τη γραμμή από το μήνυμα ηλεκτρονικού ταχυδρομείου, επιλέξτε το πλαίσιο "Εξαίρεση εξόδου γραμμών με κενές ετικέτες μηνυμάτων". Σημειώστε ότι αυτό θα λειτουργήσει μόνο όταν το κείμενο του πεδίου και ο σύντομος κώδικας βρίσκονται στην ίδια γραμμή.

Επιλογή "Χρήση μορφής HTML του γράμματος". Σας επιτρέπει να χρησιμοποιείτε ετικέτες HTML στο σώμα του μηνύματος ηλεκτρονικού ταχυδρομείου. Είναι δυνατή η χρήση περιορισμένης χρήσης Λίστα HTMLετικέτες, γιατί όχι όλα πελάτες αλληλογραφίαςή υπηρεσίες μπορούν να χειριστούν σωστά τη σήμανση σύνθετης HTML. Μπορείτε να χρησιμοποιήσετε: πίνακες, λίστες με κουκκίδες, τόλμη, παράγραφοι και ούτω καθεξής. Αναζητήστε στον Ιστό για περισσότερες λεπτομέρειες.

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

Ειδοποιήσεις υποβολής εντύπων

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

Οι ετικέτες προτύπων γραμμάτων δεν λειτουργούν σε αυτά τα πεδία.

Επιπρόσθετες ρυθμίσεις

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

Θα μιλήσω για τη χρήση αυτής της λειτουργικότητας σε ξεχωριστό άρθρο.