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

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

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

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

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

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

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

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

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

Αυτό είναι ένα άλλο πολύ δημοφιλές πρόσθετο, το οποίο είναι διαθέσιμο σε δύο εκδόσεις - ως πρόσθετο για WordPress και κώδικα PHP για ενσωμάτωση σε ιστότοπους "εγγραφής στο σπίτι". Η μοναδικότητα αυτής της προσθήκης είναι ότι τα ρομπότ ανεπιθύμητης αλληλογραφίας εντοπίζονται αυτόματα στον ιστότοπο. Χρησιμοποιώντας τη φόρμα captcha και Akismet Fast Secure, η προσθήκη αποκλείει επιθέσεις χρησιμοποιώντας τις πιο δημοφιλείς τακτικές ανεπιθύμητης αλληλογραφίας. Αυτή η δυνατότητα μειώνει την πιθανότητα ανεπιθύμητης αλληλογραφίας και οποιασδήποτε άλλης ανεπιθύμητης πληροφορίας.

Ένα καθολικό δωρεάν πρόσθετο με εξαιρετική διαισθητική διεπαφή drag’n’drop για τη δημιουργία φορμών επικοινωνίας στον ιστότοπό σας WordPress. Στον πίνακα διαχείρισης μπορείτε να δημιουργήσετε τη φόρμα σας απλά σύροντας και αποθέτοντας τα απαραίτητα μπλοκ και προσαρμόζοντάς τα ώστε να ταιριάζουν στις ανάγκες σας. Διαθέτει επίσης έναν τεράστιο αριθμό λειτουργιών, συμπεριλαμβανομένου ενός προγράμματος χειρισμού AJAX, αξιόπιστων μονάδων anti-spam, εισαγωγής και εξαγωγής δεδομένων.

Αυτή είναι μια άλλη προσθήκη με διεπαφή drag'n'drop που σας επιτρέπει να δημιουργείτε και να διαχειρίζεστε όλα τα είδη φορμών στον ιστότοπό σας από ένα μέρος. Έχει σχεδιαστεί για να κάνει τη διαδικασία δημιουργίας φορμών γρήγορη και εύκολη, έτσι ώστε ο χρήστης να μην χρειάζεται να μάθει πώς να επεξεργάζεται οποιονδήποτε κώδικα. Η προσθήκη έχει μια αρκετά εκτεταμένη ενότητα υποστήριξης προγραμματιστών για την αντιμετώπιση προβλημάτων και βοήθεια για τη ρύθμισή της.

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

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

Τα λέμε σε άλλες αναρτήσεις!

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

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

Σας παρουσιάζω τα TOP 5 πρόσθετα WordPress για τη δημιουργία σχολίων.

1. WPForms

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

πλεονεκτήματα

Χρησιμοποιείται ο οπτικός επεξεργαστής Drag&Drop, γεγονός που κάνει αυτό το πρόσθετο ακόμα πιο «φιλικό προς το χρήστη» (εύχρηστο).

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

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

Μειονεκτήματα

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

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

Το Gravity Forms είναι ένα premium πρόσθετο που παρέχει όση λειτουργικότητα θέλετε.

πλεονεκτήματα

Ισχυρό plugin με απεριόριστη λειτουργικότητα.

Το plugin συνοδεύεται από premium υποστήριξη, καθώς και εκτενή τεκμηρίωση, FAQ και φόρουμ συζήτησης.

Μειονεκτήματα

Το Gravity forms δεν έχει δωρεάν έκδοση και πιθανότατα θα είναι ένα ακριβό προϊόν για έναν ιστότοπο. Εάν έχετε πολλούς ιστότοπους (πολλαπλών τοποθεσιών), τότε το κόστος δεν θα πρέπει να είναι πρόβλημα για εσάς.

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

πλεονεκτήματα

Το πρόσθετο διατίθεται δωρεάν από τον επίσημο ιστότοπο του WordPress. Μπορείτε να το εγκαταστήσετε σε απεριόριστο αριθμό τοποθεσιών.

Εκτός από τη δωρεάν έκδοση, υπάρχει μια premium έκδοση που έχει ακόμη περισσότερες δυνατότητες (όπως ειδοποιήσεις SMS, Freshbooks, Campaign Monitor και Salesforce).

Εξαιρετική υποστήριξη κοινότητας, λεπτομερής τεκμηρίωση και υποστήριξη μέσω email.

Μειονεκτήματα

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

Το Pirate είναι ένα δωρεάν πρόσθετο WordPress γραμμένο από την ομάδα Themeisle. Εύκολο στην προσαρμογή και βολικό για τη δημιουργία απλών σχημάτων.

πλεονεκτήματα

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

Αυτό το πρόσθετο έχει όλες τις πολλές λειτουργίες, για παράδειγμα: CAPTCHA για έλεγχο έναντι bots και SMTP, για να αφαιρέσετε την πιθανότητα να καταλήξει το γράμμα στο φάκελο Spam.

Μειονεκτήματα

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

Έλλειψη πρόσθετων (άλλα πρόσθετα) που λειτουργούν μαζί.

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

πλεονεκτήματα

Το κύριο πλεονέκτημα είναι ότι είναι δωρεάν και μπορεί να εγκατασταθεί σε απεριόριστο αριθμό τοποθεσιών.

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

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

Μειονεκτήματα

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

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

Αναδυόμενες φόρμες

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

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

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

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

συμπέρασμα

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

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

Η ποιότητα πουλούσε πάντα, επομένως δεν θα περίμενα εκτεταμένη λειτουργικότητα από δωρεάν προσθήκες. Χρησιμοποιήστε ό,τι μπορείτε ακόμα να αντέξετε οικονομικά. Μόλις έχετε την ευκαιρία, ενημερώστε το πρόσθετο στην έκδοση "Pro" ή αγοράστε ένα άλλο πρόσθετο (ίσως σας αρέσει περισσότερο).

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

Η φόρμα σχολίων είναι ένα από τα πιο σημαντικά στοιχεία σε έναν ιστότοπο ή ιστολόγιο WordPress.

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

Τι χρειάζεται για τη δημιουργία σχολίων στο WordPress;

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

  • Φόρμα Επικοινωνίας 7;
  • θόρυβος χρήστη?
  • Φόρμα Επικοινωνίας SimpleModal.
  • Προσαρμοσμένες Φόρμες Επικοινωνίας.
  • Κομψές Φόρμες Επικοινωνίας.

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

Φόρμα Επικοινωνίας 7 – γρήγορη επικοινωνία επικοινωνίας και εύκολες ρυθμίσεις

Η προσθήκη CF 7 διευκολύνει τη δημιουργία και την προσαρμογή σχολίων. Είναι πολύ ελαφρύ, δεν φορτώνει καθόλου τον ιστότοπο και θεωρείται επίσης το πιο εύκολο στη ρύθμιση. Πολλοί τον επιλέγουν. Η Φόρμα Επικοινωνίας είναι εντελώς ρωσική, κάτι που είναι πολύ βολικό και έχει εύχρηστες ρυθμίσεις που είναι πολύ εύκολα κατανοητές. Ταυτόχρονα, είναι εντελώς δωρεάν και ευέλικτο. Υπάρχει μια απλή ρύθμιση για όποιον της αρέσει η απλή, και πολύ βάθος και πολυπλοκότητα για όλους όσους θέλουν να εμβαθύνουν. Υποστηρίζει μια μεγάλη ποικιλία από φόρμες παραθύρων, υποβολή AJAX, ενσωμάτωση Akismet, μεταφόρτωση αρχείων και διαθέτει προστασία από ανεπιθύμητα μηνύματα με captcha και ερωτήσεις κειμένου. Έχει αναγνωριστεί από πολλούς ως ένα από τα καλύτερα πρόσθετα συστήματος διαχείρισης περιεχομένου. Το CF 7 επιτρέπει μια μεγάλη ποικιλία σύνθετων σχημάτων. Η λίστα εμφανίζει αμέσως τους συντομότερους κωδικούς που χρειάζονται για εισαγωγή στη σελίδα.

Θόρυβος χρήστη – αναδυόμενο παράθυρο και όμορφη φόρμα σχολίων

Το Usernoise έχει πολύ ευρεία λειτουργικότητα, επιτρέποντάς σας να δημιουργήσετε μια όμορφη και εύκολα κατανοητή αναδυόμενη φόρμα σε ένα παράθυρο. Αλλά υπάρχει κάποιο μειονέκτημα - το πλήρες μέρος των δυνατοτήτων του παρουσιάζεται στην πληρωμένη έκδοση. Ωστόσο, πολλοί άνθρωποι είναι ικανοποιημένοι με τις λειτουργίες που παρουσιάζονται στη δωρεάν έκδοση. Από προεπιλογή, το Usernoise για WordPress έχει ήδη ρυθμιστεί όπως απαιτείται, το μόνο που χρειάζεται να κάνετε είναι απλώς να το ενεργοποιήσετε. Περαιτέρω ρυθμίσεις, κατόπιν αιτήματος του ιδιοκτήτη του ιστότοπου, είναι επίσης εύκολες. Μπορείτε να αλλάξετε τη θέση του κουμπιού, να αλλάξετε το χρώμα και το φόντο του κειμένου, να προσθέσετε ένα εικονίδιο στο κουμπί, να αλλάξετε τη γραμματοσειρά και να αλλάξετε τις τυπικές ετικέτες. Όλα αυτά μπορούν εύκολα να ρυθμιστούν από τον πίνακα διαχείρισης. Με τη βοήθειά του, το κουμπί θα γίνει μοναδικό. Το πρόσθετο είναι εντελώς ρωσικό, γεγονός που καθιστά την εργασία μαζί του όσο το δυνατόν πιο εύκολη. Ιδανικό για blogs. Το Usernoise υποστηρίζεται από σχεδόν όλα τα διάσημα προγράμματα περιήγησης - Opera, Firefox, Safari, IE7 (από την έκδοση 7). Το κύριο πλεονέκτημα αυτού του πρόσθετου είναι η υψηλή του απόδοση, δεν επηρεάζει την ταχύτητα φόρτωσης.

Φόρμα Επικοινωνίας SimpleModal – γρήγορη αναδυόμενη φόρμα σε ένα παράθυρο μοντάζ

Η φόρμα επικοινωνίας SimpleModal (SMCF) είναι μια φόρμα σχολίων που είναι ενσωματωμένη σε ένα αναδυόμενο παράθυρο. Με την υποστήριξη του WordPress χρησιμοποιώντας jQuery. Το πρόσθετο είναι ρωσικής γλώσσας, χάρη στον Nikolai Myasnikov και άλλους «τεχνίτες» που συμμετέχουν στη ρωσικοποίησή του. Η μετάφραση στα ρωσικά γίνεται όσο το δυνατόν πιο ικανά, λαμβάνονται υπόψη όλες οι μικρότερες λεπτομέρειες. Το αναδυόμενο παράθυρο που εμφανίζει το SMCF μοιάζει με το παράθυρο της προσθήκης Lightbox. Αυτό είναι πολύ βολικό για όποιον θέλει να δώσει στους χρήστες την ευκαιρία να γράψουν μια επιστολή, απλά σε ένα αναδυόμενο παράθυρο οπουδήποτε - στο τέλος της ανάρτησης, σε μια ξεχωριστή σελίδα ή στο Sidebar. Όλα λειτουργούν πολύ γρήγορα και άνετα. Η εγκατάσταση πραγματοποιείται με τον πιο παραδοσιακό τρόπο. Η φόρμα επιστροφής ελέγχει επίσης ότι τα πεδία εισαγωγής έχουν συμπληρωθεί σωστά. Στις επιλογές, είναι δυνατή η αυτόματη αντικατάσταση του τίτλου της σελίδας στη γραμμή θέματος της επιστολής, κάτι που αποτελεί σημαντικό πλεονέκτημα όταν χρησιμοποιείται για παραγγελία στην περιγραφή των εμπορευμάτων. Η γραμμή θέματος του email θα σας επιτρέψει να δείτε αμέσως ποιο προϊόν έχει παραγγείλει.

Προσαρμοσμένες Φόρμες Επικοινωνίας – φόρμες επιστροφής οποιασδήποτε πολυπλοκότητας

Το πρόσθετο Προσαρμοσμένες Φόρμες Επικοινωνίας (CCF) είναι πολύ δημοφιλές σήμερα. Με τη βοήθειά του μπορείτε να δημιουργήσετε φόρμες οποιασδήποτε πολυπλοκότητας στο WordPress. Αλλά αξίζει να σημειωθεί ότι το CCF δεν έχει ρωσική τοπική προσαρμογή. Αν και αυτό δεν παίζει ιδιαίτερο ρόλο, αφού είναι εύκολα κατανοητό, ακόμη και για όσους δεν γνωρίζουν αγγλικά. Οι δημιουργημένες φόρμες εισάγονται σε οποιεσδήποτε σελίδες, υλικά και μεμονωμένες αναρτήσεις. Για να δημιουργήσετε μια απλή φόρμα, δεν χρειάζεται να εμβαθύνετε στις ρυθμίσεις το μόνο που χρειάζεται να κάνετε είναι να εισαγάγετε τον κώδικα σε οποιοδήποτε άρθρο και, στη συνέχεια, όλα γίνονται αυτόματα. Υπάρχει επίσης ένα ειδικό γραφικό στοιχείο που μπορεί να εισαχθεί στην πλαϊνή γραμμή ή σε οποιαδήποτε άλλη θέση στον ιστότοπο που προορίζεται για γραφικά στοιχεία. Δεν απαιτούνται ειδικές γνώσεις CSS για την προσαρμογή και σχεδόν οποιαδήποτε πτυχή μπορεί να προσαρμοστεί: χρώματα, μεγέθη, περιγράμματα, εσοχές. Η διαχείριση των στυλ γίνεται απευθείας στο ίδιο μέρος όπου διαμορφώνονται όλα τα πεδία εισαγωγής τιμών. Τροφοδοτείται από σύγχρονες τεχνολογίες Ajax και jQuery.

Slick Forms Contact - Προσθέστε εύκολα πολλές επαφές

Το Slick Forms Contact δημιουργεί ένα widget που μπορεί να χρησιμοποιηθεί για την προσθήκη πολλών φορμών επαφής σε μια σελίδα. Με αυτό, η επιστροφή μπορεί να γίνει αιωρούμενη, εγκαταλειμμένη και ανασυρόμενη. Εμφανίζεται όταν κάνετε κλικ σε έναν σύνδεσμο με τη μορφή αναπτυσσόμενου πίνακα. Η θέα είναι πολύ προσεγμένη και όμορφη. Η εισαγωγή του σε ένα ιστολόγιο είναι αρκετά εύκολη, ειδικά αν χρησιμοποιείτε widget. Το widget περιέχει ήδη όλες τις απαραίτητες παραμέτρους και ρυθμίσεις - ταχύτητα επέκτασης και σύμπτυξης, πλάτος, γενικό όνομα και ονόματα πεδίων, αριθμός πεδίων, θέση στην οθόνη, διεύθυνση email επιστροφής, θέση πεδίων κειμένου. Υπάρχουν επίσης πολλές επιλογές σχεδίασης. Μπορείτε να το κάνετε χρησιμοποιώντας έναν σύντομο κώδικα, αλλά είναι πιο περίπλοκο. Είναι ένα από τα πιο φιλικά και αξιόπιστα εργαλεία του WordPress.

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

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

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

Φόρμα σχολίων στο WordPress και άλλα στοιχεία αλληλεπίδρασης με το κοινό

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

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

Ας ρίξουμε μια πιο προσεκτική ματιά στη Φόρμα Επικοινωνίας 7. Κατεβάστε το από τον παρακάτω σύνδεσμο, εγκαταστήστε το στον ιστότοπό σας και ενεργοποιήστε το.

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

Σύντομος κώδικας για την προεπιλεγμένη φόρμα

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

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

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

Ας ρίξουμε μια ματιά πρώτα στην καρτέλα Πρότυπο φόρμας. Είναι ένα πρόγραμμα επεξεργασίας με κουμπιά στην κορυφή. Κάθε κουμπί προσθέτει ένα ή άλλο πεδίο στη φόρμα.

Καρτέλα Πρότυπο φόρμας

Εδώ είναι τα πεδία:

  • κείμενο– πεδίο κειμένου μιας γραμμής.
  • ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ- ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ;
  • URL– Διεύθυνση Διαδικτύου·
  • τηλ- Τηλέφωνο
  • αριθμός– πεδίο για την εισαγωγή αριθμών.
  • ημερομηνία– ένα πεδίο για τη σύνταξη μιας ημερομηνίας με ένα αναπτυσσόμενο ημερολόγιο.
  • κείμενοπεριοχή– πεδίο κειμένου πολλών γραμμών.
  • πτώση-κάτωμενού- λίστα
  • πλαίσια ελέγχου– πλαίσια ελέγχου, δηλαδή τικ.
  • αποδοχή– επίσης ένα πλαίσιο ελέγχου, μόνο πιο κατάλληλο για τη ρύθμιση της επιλογής συμφωνίας με ορισμένες προϋποθέσεις.
  • κουίζ– κάνει μια απλή ερώτηση (για παράδειγμα, 1+1=?), μπορεί να χρησιμοποιηθεί ως captcha.
  • reCAPTCHA– εγκαθιστά το Google recaptcha captcha (όπου χρειάζεται απλώς να επιλέξετε το πλαίσιο "Δεν είμαι ρομπότ"), αλλά για να εργαστείτε πρέπει πρώτα να λάβετε τα κλειδιά.
  • αρχείο– Κουμπί «Αναζήτηση» για επισύναψη αρχείου.
  • υποβάλλουν– κουμπί αποστολής.

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

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

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

Παράθυρο ρυθμίσεων πεδίου

Εδώ έχετε τις εξής επιλογές:

  • Τύπος πεδίου– εάν θέλετε αυτό το πεδίο να είναι υποχρεωτικό, επιλέξτε το πλαίσιο εδώ.
  • Ονομα- όνομα πεδίου. Μπορεί να οριστεί ως προεπιλογή.
  • Προεπιλεγμένη τιμή– εδώ μπορείτε να γράψετε τι θα υπάρχει στο πεδίο εάν ο χρήστης δεν έχει εισάγει τίποτα, δηλαδή τι θα γραφτεί από προεπιλογή. Δεν είναι απαραίτητο να συμπληρώσετε.
  • Akismet– μπορεί να συνδεθεί στο χωράφι.
  • Χαρακτηριστικό αναγνωριστικού– πρόσθετο χαρακτηριστικό πεδίου που μπορεί να μείνει κενό.
  • Χαρακτηριστικό κλάσης– χαρακτηριστικό στυλ πεδίου, επίσης ένα προαιρετικό πεδίο.

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

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

Προστέθηκε ετικέτα

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

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

  • Το.Αυτό το πεδίο καθορίζει σε ποιο email θα σταλούν οι επιστολές.
  • Από.Εδώ καθορίζετε ποια διεύθυνση θα εμφανίζεται ως διεύθυνση του αποστολέα.
  • Θέμα.Συμπληρώνεται το θέμα της επιστολής.
  • Πρόσθετες κεφαλίδες.Πρόσθετες κεφαλίδες - μπορείτε να γράψετε πληροφορίες για τον αποστολέα, για παράδειγμα.
  • Σώμα μηνύματος.Το ίδιο το σώμα της επιστολής.
  • Εξαίρεση γραμμών με κενές ετικέτες μηνυμάτων.Εάν το ενεργοποιήσετε, τότε η εισερχόμενη επιστολή δεν θα περιέχει πεδία που δεν συμπληρώθηκαν στη φόρμα.
  • Χρησιμοποιήστε τη μορφή γράμματος HTML.Όλες οι ετικέτες HTML θα είναι ορατές, αλλά δεν θα υπάρχει οπτικός σχεδιασμός εάν ενεργοποιήσετε αυτό το πλαίσιο ελέγχου.
  • Συνημμένα αρχείου.Εάν η φόρμα σχολίων WordPress παρέχει συνημμένα αρχεία, τότε για να φτάσουν, πρέπει να καθορίσετε τις ετικέτες τους εδώ.

Προκειμένου η επιστολή που θα φτάσει μετά την υποβολή της φόρμας να περιέχει το περιεχόμενο ορισμένων πεδίων, πρέπει να τοποθετήσετε μια ή την άλλη ετικέτα στο πρότυπο. Λοιπόν, ας πούμε, εάν προσθέσαμε το πεδίο κειμένου "text-439" στη φόρμα, τότε για να εμφανιστεί το περιεχόμενό του στο γράμμα, θα πρέπει να γραφτεί στη σωστή θέση.

Προσθήκη ετικέτας από τη φόρμα στο πρότυπο email

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

Συμπεριλαμβανομένου ενός δεύτερου γράμματος

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

Καλό απόγευμα φίλοι! Σε αυτό το σεμινάριο θα σας διδάξω πώς να δημιουργήσετε μια φόρμα επικοινωνίας στο WordPress χρησιμοποιώντας πρόσθετα. Μια φόρμα επικοινωνίας WordPress είναι μια ιδανική λύση για όσους θέλουν να διατηρήσουν επαφή με το κοινό τους ή να λαμβάνουν αιτήματα μέσω email για παραγγελία οποιασδήποτε υπηρεσίας. Θα μάθουμε πώς να φτιάχνουμε μια αναδυόμενη φόρμα σε ένα modal παράθυρο. Αφού διαβάσετε αυτό το άρθρο, θα μπορείτε να ενσωματώσετε τη φόρμα στους ιστότοπούς σας μόνοι σας. Λοιπόν πάμε.

Γιατί χρειάζεστε μια φόρμα επικοινωνίας WordPress;

Ίσως αναρωτιέστε γιατί χρειάζομαι μια φόρμα σχολίων για έναν ιστότοπο WordPress; Γιατί να μην προσθέσετε απλώς μια διεύθυνση email στον ιστότοπο, ώστε οι άνθρωποι να μπορούν απλώς να μου γράψουν;

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

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

  • – τα spam bots με αξιοζήλευτη κανονικότητα χρησιμοποιούν τους αναλυτές τους για να επιλέξουν διευθύνσεις email όπου υπάρχει αναφορά σε έναν τομέα αλληλογραφίας και να τον προσθέσουν στη βάση δεδομένων τους για να σας στείλουν στη συνέχεια ανεπιθύμητη αλληλογραφία. Από την άλλη πλευρά, όταν χρησιμοποιείτε μια φόρμα σχολίων για το WordPress, απαλλαγείτε από το πρόβλημα των SPAM email που κατακλύζουν το γραμματοκιβώτιό σας.
  • Πληρότητα πληροφοριών – Κατά την αποστολή αλληλογραφίας, οι άνθρωποι δεν στέλνουν πάντα όλες τις πληροφορίες που χρειάζεστε. Με μια φόρμα επικοινωνίας, αποφασίζετε ποια πεδία χρειάζεστε για να διευκολύνετε τους χρήστες να σας στείλουν ένα email (όνομα, email, αριθμός τηλεφώνου, σχόλιο και άλλα).
  • Εξοικονομήστε χρόνο – Η φόρμα επικοινωνίας του WordPress θα σας βοηθήσει να εξοικονομήσετε χρόνο. Εκτός από την πληρότητα των πληροφοριών που ζητήσατε από τον χρήστη και τις οποίες θα σας στείλει, μπορείτε επίσης να υποδείξετε τι περιμένει στο επόμενο βήμα, για παράδειγμα, "Η αίτησή σας θα ελεγχθεί εντός 24 ωρών" ή Δείτε το βίντεο και πολλά άλλα χρήσιμα πράγματα.

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

Ας ξεκινήσουμε, κύριοι.

Βήμα 1: Επιλογή της καλύτερης προσθήκης φόρμας επικοινωνίας για WordPress

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

Παρακάτω είναι οι λόγοι για τους οποίους το WPForms είναι η καλύτερη προσθήκη σχολίων:

  1. Πρώτον, αυτό είναι το πιο φιλικό πρόσθετο για αρχάριους. Με απλή μεταφορά και απόθεση των απαιτούμενων μπλοκ, μπορείτε να δημιουργήσετε μια φόρμα επικοινωνίας με μερικά κλικ.
  2. Το WPForms Lite είναι εντελώς δωρεάν.
  3. Όταν είστε έτοιμοι για πιο ισχυρή λειτουργικότητα και εάν είναι πραγματικά σημαντικό για εσάς, τότε μπορείτε να κάνετε αναβάθμιση στην έκδοση Pro.

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

Βήμα 2: Εγκαταστήστε την προσθήκη φόρμας επικοινωνίας WordPress

Για αυτό το σεμινάριο χρησιμοποιούμε την έκδοση Lite επειδή είναι δωρεάν και εύκολη στη χρήση. Μπορείτε να το εγκαταστήσετε κάνοντας είσοδο στο ιστολόγιο και μεταβαίνοντας στο Plugins - Add New.

Στη γραμμή αναζήτησης, πληκτρολογήστε το όνομα της προσθήκης μας και κάντε κλικ στην επιλογή Εγκατάσταση τώρα.

Αφού εγκαταστήσετε το πρόσθετο, βεβαιωθείτε ότι το έχετε ενεργοποιήσει. Αυτό φαίνεται εδώ:

Βήμα 3: Δημιουργήστε μια φόρμα επικοινωνίας στο WordPress

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

Αυτό θα ανοίξει τον σχεδιαστή του Wpforms, όπου απλά σύροντας και αποθέτοντας τα απαραίτητα μπλοκ μπορείτε να δημιουργήσετε μια φόρμα επικοινωνίας για τα σχόλια του WordPress. Η δωρεάν έκδοση Lite συνοδεύεται από δύο προκατασκευασμένα πρότυπα (κενή και απλή μορφή). Μπορείτε να τα χρησιμοποιήσετε μαζί για να δημιουργήσετε αυτό που χρειάζεστε και είναι βολικό για εσάς. Σε αυτό το παράδειγμα, επιλέξαμε τη δεύτερη επιλογή για εσάς, δηλαδή μια απλή φόρμα επικοινωνίας. Θα προσθέσουμε ένα όνομα, email και ένα πεδίο κειμένου σε αυτό.

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

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

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

Βήμα 4: Ρυθμίστε τις Ειδοποιήσεις και τις Επιβεβαιώσεις

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

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

Οι φόρμες ειδοποίησης είναι τα μηνύματα που λαμβάνετε όταν λαμβάνετε νέο αίτημα ή email από τον ιστότοπό σας στο WordPress.

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

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

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

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

Το πεδίο Θέμα Email θα συμπληρωθεί αυτόματα με το όνομα της φόρμας σας. Το πεδίο ονόματος θα ληφθεί από το όνομα χρήστη (το όνομά σας). Όταν απαντάτε σε μια επιστολή, θα σταλεί στο ταχυδρομείο με το όνομα του χρήστη που συμπλήρωσε τη φόρμα επικοινωνίας.

Βήμα 5: Προσθήκη Φόρμας Επικοινωνίας WordPress στη Σελίδα

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

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

Εξαιρετική. Τώρα αποθηκεύστε τη σελίδα και ανοίξτε την προεπισκόπηση για να δείτε τις αλλαγές.

Δείτε πώς θα ήταν η φόρμα σε μια απλή σελίδα WordPress:

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

Βήμα 6: Προσθήκη φόρμας επικοινωνίας WordPress στην πλευρική γραμμή

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

Για να γίνει αυτό, πρέπει να πάμε στην ενότητα "Εμφάνιση" -> Γραφικά στοιχεία. Εκεί θα δείτε ένα προεγκατεστημένο γραφικό στοιχείο προσθήκης φόρμας στην αριστερή πλευρά. Απλώς το παίρνουμε και ορίζουμε τη σειρά εμφάνισης στην επιθυμητή περιοχή στην πλαϊνή γραμμή χρησιμοποιώντας κανονική μεταφορά και απόθεση.

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

Αυτό ολοκληρώνει την αναθεώρηση της προσθήκης φόρμας σχολίων WPForms. Αλλά, ειδικά για εσάς, έχω ετοιμάσει άλλη μια κριτική για ένα δωρεάν πρόσθετο, με το οποίο μπορούμε να δημιουργήσουμε μια αναδυόμενη φόρμα σχολίων και όλες τις ίδιες δυνατότητες όπως στην προηγούμενη. Ονομάζεται Φόρμα Επικοινωνίας 7. Είναι πραγματικά πολύ δυνατό και το ατού του είναι ότι είναι εντελώς ΔΩΡΕΑΝ!

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

Έτσι, για παν ενδεχόμενο, για να ξέρετε ότι είναι εκεί.

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

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

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

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

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

  1. Το όνομά του για να τον απευθυνθεί (προσωπική διεύθυνση)
  2. Διεύθυνση αλληλογραφίας (σχόλια, πού να του στείλετε μια προσφορά)
  3. Αριθμός τηλεφώνου για να καλέσετε αμέσως (αν αυτό συμβεί γρήγορα, τότε θα γίνει πελάτης σας ούτως ή άλλως)
  4. Το πραγματικό κουμπί «Υποβολή».

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

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

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

  • Κείμενο (Οποιοδήποτε πεδίο κειμένου, όπως "Όνομα", "Κάντε μια ερώτηση" ή οποιοσδήποτε άλλος τίτλος που θα συλλέξετε μέσω αυτού του πεδίου)
  • Email (ο σκοπός εδώ είναι να εισάγει ο χρήστης)
  • URL (η διεύθυνση του ιστότοπου θα εισαχθεί σε αυτό το πεδίο, άλλες τιμές δεν είναι αποδεκτές και θα εμφανιστεί ένα σφάλμα)
  • Τηλ (πεδίο αριθμού τηλεφώνου για τη φόρμα σχολίων στο WordPress, επιτρέπονται αριθμητικές τιμές, το κείμενο θα δώσει σφάλμα)
  • Αριθμός (Αριθμητικό εύρος τιμών, μπορεί να εφαρμοστεί, για παράδειγμα, στην τιμή: "πόσο είστε διατεθειμένοι να πληρώσετε για τον ιστότοπο; Από 23.000 έως 120.000 ρούβλια")
  • Ημερομηνία (Δηλώστε την ημερομηνία, από ποια ημερομηνία έως ποια ημερομηνία. Παράδειγμα: "Κράτηση αυτοκινήτου από 13/04/2016 έως 25/04/2016")
  • Περιοχή κειμένου (Περιοχή κειμένου, εδώ μπορείτε να εισάγετε κείμενο ως σχόλιο)
  • Πτυσώμενο μενού. Εφαρμόζεται στο blog μου, μπορείτε να το δείτε. Στο τέλος κάθε άρθρου προτείνω στους χρήστες να δημιουργήσουν είτε έναν απλό ιστότοπο είτε ένα ηλεκτρονικό κατάστημα. Αυτή είναι ακριβώς η λειτουργικότητα που παρέχει αυτή η επιλογή.
  • Πλαίσια ελέγχου (πολλές επιλογές, για παράδειγμα: Ιστότοπος + Δημιουργία λογότυπου + προώθηση + διαφήμιση με βάση τα συμφραζόμενα)
  • Κουμπιά ραδιοφώνου (Επιλογή ενός στοιχείου, για παράδειγμα: "Παραγγείλετε είτε με βάση τα συμφραζόμενα είτε στοχευμένη διαφήμιση")
  • Αποδοχή (Αποδέχεστε τους όρους της συμφωνίας, δηλαδή πληροφορίες χρήστη, όπως μια δημόσια προσφορά)
  • Κουίζ (Το κουίζ είναι μια σειρά από σύντομες ερωτήσεις που μπορούν επίσης να εισαχθούν στη φόρμα επικοινωνίας).
  • reCaptcha (Επιβεβαίωση ότι δεν είστε ρομπότ και δεν θα στείλετε ανεπιθύμητο περιεχόμενο.) Καλή προστασία από SPAM. Σημείωση: αυτή η επιλογή λειτουργεί εάν έχετε συνδέσει την προσθήκη Really Simple Captcha.
  • Αρχείο (Εάν θέλετε να επιτρέψετε στους χρήστες να ανεβάσουν ένα αρχείο σε εσάς, για παράδειγμα: «Επισύναψη όρων αναφοράς για την ανάπτυξη ιστότοπου»).
  • Υποβολή (Αποστολή δεδομένων μέσω email)

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

Στο παρακάτω παράδειγμα χρησιμοποίησα 2 πεδία: Όνομα, Email. Κατά συνέπεια, θα χρειαστείτε αυτές τις καρτέλες:

Κάνοντας κλικ στην καρτέλα κειμένου (Κείμενο) φτάνουμε στο παράθυρο διαλόγου:

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

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

Για να μην μπερδεύεσαι το τόνισα με στυλ. Κωδικός παρακάτω:

< div class = "col-md-4" > < label class = "sr-only" >Πλήρες όνομα< / label >[ text* text - 658 class : form - control placeholder "Το όνομά σας" ] !}< / div >

Και εδώ είναι η οθόνη:

Κάνουμε παρόμοια λειτουργία για το πεδίο "Email". Κάνουμε κλικ στην αντίστοιχη καρτέλα και μπαίνουμε σε αυτό το παράθυρο διαλόγου.

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

< div class = "col-md-4" > < label class = "sr-only" >Πλήρες email< / label >[ email* email - 447 class : form - control placeholder "Your Email" ] !}< / div >

Και εδώ είναι η οθόνη:

Και τέλος, το κουμπί «Υποβολή». Είναι όλα στο στυλ μου.

< div class = "col-md-4" >[ υποβολή κλάσης : btn - flat class : col - xs - 12 "Order" ]< / div >

< / div >

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

Θα δείτε το κουμπί στην επάνω δεξιά γωνία. Σίγουρα δεν θα το χάσετε. 🙂

Κάναμε μέρος της δουλειάς, τώρα προχωράμε στο επόμενο στάδιο.

Ρύθμιση διεύθυνσης email για λήψη εφαρμογών

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

Πρέπει να κάνουμε κλικ στη μεγάλη καρτέλα «Γράψιμο». Θα είναι δεύτερο μετά το πρότυπο φόρμας.

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

Τώρα για τα πεδία:

  • Προς (Όπου θα σταλεί η αίτηση, στην περίπτωσή μου, αυτή είναι η διεύθυνση email μου, μπορείτε να καθορίσετε πολλές διευθύνσεις όπου θα αποστέλλονται οι αιτήσεις)
  • Από (Πεδίο Από, δηλ. η τιμή θα αντικατασταθεί ότι η εφαρμογή προέρχεται από τον ιστότοπο του στούντιο μου)
  • Θέμα (Εξυπηρετεί τον προσδιορισμό από ποια μορφή προέρχεται η αίτηση, στην περίπτωσή μας είναι μια αίτηση από τη φόρμα προώθησης ιστότοπου).
  • Πρόσθετες κεφαλίδες (Επιπλέον κεφαλίδες, δεν τις ακουμπάμε, χρειάζονται για τη σωστή υποβολή της φόρμας)
  • Σώμα μηνύματος (Σώμα του μηνύματος, εδώ υποδεικνύετε από ποιον προήλθε το γράμμα και από ποια διεύθυνση, για παράδειγμα: "Από: Ιβάν" "Διεύθυνση αλληλογραφίας: vasya@mail. ru »)
  • Συνημμένα αρχείου (Συνημμένα στο αρχείο, δεν τα αγγίζω)

Τώρα πρέπει να διαμορφώσουμε τις ειδοποιήσεις σχετικά με την επιτυχή ή ανεπιτυχή αποστολή ενός email από τη φόρμα επικοινωνίας του WordPress.

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

  • Όταν στέλνετε ένα μήνυμα με επιτυχία: «Το μήνυμά σας εστάλη με επιτυχία. Ευχαριστώ."
  • Εάν ένα μήνυμα αποσταλεί λανθασμένα από τη φόρμα: «Παρουσιάστηκε σφάλμα κατά την αποστολή του μηνύματος. Δοκιμάστε ξανά αργότερα ή επικοινωνήστε με τον διαχειριστή του ιστότοπου."
  • Σφάλμα πλήρωσης: «Σφάλματα συμπλήρωσης. Ελέγξτε όλα τα πεδία και υποβάλετε ξανά."
  • Τα απεσταλμένα δεδομένα προσδιορίζονται ως ανεπιθύμητα: «Σφάλμα αποστολής μηνύματος. Δοκιμάστε ξανά αργότερα ή επικοινωνήστε με τον διαχειριστή του ιστότοπου."
  • Ορισμένοι όροι πρέπει να γίνουν αποδεκτοί: "Παρακαλώ αποδεχτείτε τους όρους για να συνεχίσετε."
  • Πρέπει να συμπληρωθούν ορισμένα πεδία: «Παρακαλώ συμπληρώστε ένα υποχρεωτικό πεδίο».
  • Υπέρβαση του μήκους των χαρακτήρων στο πεδίο: "Έχουν καθοριστεί πάρα πολλά δεδομένα".
  • Ανεπαρκές μήκος χαρακτήρων στο πεδίο: "Προσδιορίστηκαν πολύ λίγα δεδομένα".
  • Μη έγκυρη μορφή ημερομηνίας: "Η μορφή ημερομηνίας είναι λανθασμένη."
  • Πρώιμη ημερομηνία στο ελάχιστο όριο: "Η ημερομηνία που καθορίστηκε είναι πολύ νωρίς."
  • Καθυστερημένη ημερομηνία στο μέγιστο όριο: "Η ημερομηνία που καθορίστηκε είναι πολύ αργά."
  • Η λήψη του αρχείου απέτυχε: "Δεν ήταν δυνατή η λήψη του αρχείου."
  • Μη επιτρεπόμενος τύπος αρχείου: "Αυτός ο τύπος αρχείου δεν επιτρέπεται."
  • Φόρτωση πολύ μεγάλου αρχείου: "Αυτό το αρχείο είναι πολύ μεγάλο."
  • Η μεταφόρτωση του αρχείου απέτυχε λόγω σφάλματος PHP: "Η μεταφόρτωση αρχείου απέτυχε. Παρουσιάστηκε σφάλμα."
  • Η μορφή αριθμού που έχει εισαχθεί από τον αποστολέα είναι λανθασμένη: "Η μορφή αριθμού είναι εσφαλμένη."
  • Ο αριθμός είναι μικρότερος από το ελάχιστο όριο: "Αυτός ο αριθμός είναι πολύ μικρός."
  • Αριθμός μεγαλύτερος από το μέγιστο όριο: "Αυτός ο αριθμός είναι πολύ υψηλός."
  • Ο αποστολέας δεν εισήγαγε σωστή απάντηση στην ερώτηση: «Εισάγατε λάθος απάντηση».
  • Η διεύθυνση e-mail που έχει εισαχθεί από τον αποστολέα είναι λανθασμένη: "Μη έγκυρο e-mail".
  • Η διεύθυνση URL που έχει εισαχθεί από τον αποστολέα είναι λανθασμένη: "Μη έγκυρη διεύθυνση URL".
  • Ο αριθμός τηλεφώνου που εισήγαγε ο αποστολέας είναι λανθασμένος: "Μη έγκυρος αριθμός τηλεφώνου".

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

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

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

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

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

Σούπερ! Τώρα ας προσπαθήσουμε να στείλουμε τη φόρμα χωρίς να συμπληρώσουμε τίποτα. Και αυτό θα δούμε.

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

Κάντε κλικ στην υποβολή και αυτό λέει η φόρμα μας:

Τώρα ας δούμε πώς μοιάζει η εφαρμογή μας. Έρχονται στο email μου. Ας ελέγξουμε την παράδοση:

Ας μπούμε μέσα για να βεβαιωθούμε ότι η κωδικοποίηση και όλα τα δεδομένα είναι σωστά.

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

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

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

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

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

Η αναδυόμενη φόρμα μας θα εμφανιστεί σε έναν τρόπο διαλόγου ως εξής:

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

Σειρά

< a href = "#" class = "btn btn-primary btn-flat" data - toggle = "modal" data - target = "#modal2" >Σειρά< / a >

< ! -- Modal -- >

< div class = "modal contact-modal fade" tabindex = "-1" id = "modal2" role = "dialog" aria - labelledby = "myModalLabel" aria - hidden = "true" >

< div class = "modal-dialog" >

< div class = "modal-content" >

< div class = "modal-header" >

< button type = "button" class = "close" data - dismiss = "modal" > < span aria - hidden = "true" >&φορές;< / span > < span class = "sr-only" >Κλείσε< / span > < / button >

< h4 class = "modal-title black" id = "myModalLabel" >Υποβάλετε την αίτησή σας< / h4 >

< / div >