Πώς να προσθέσετε μια φόρμα επικοινωνίας στο WordPress (YouTube Video)

Σχεδόν όλοι οι ιστότοποι χρειάζονται μια σελίδα επικοινωνίας. Δεν πρέπει να είναι πολύ περίπλοκο, αλλά πρέπει, τουλάχιστον, να περιλαμβάνει μια φόρμα επικοινωνίας (κατά προτίμηση ένα και τα δύο φαίνεται υπέροχο και λειτουργεί άψογα). Το πρόβλημα είναι, ωστόσο, ότι το WordPress δεν διαθέτει ενσωματωμένες τέτοιες φόρμες. Τι κάνετε λοιπόν; Πόσο ακριβώς θέλετε να προσθέσετε μια φόρμα επικοινωνίας σε μια σελίδα WordPress (ή ανάρτηση); Λοιπόν, όπως συνήθως, είναι πραγματικά πολύ εύκολο όταν ξέρετε πώς!


Εδώ είναι όσα πρέπει να γνωρίζετε:

Πώς να προσθέσετε μια βασική φόρμα επικοινωνίας στο WordPress

– (σημείωση: πιστώσεις βίντεο στην Topher DeRosia – δημιουργός του HeroPress

Μεταγραφή βίντεο:

Γεια! Αυτό είναι το Topher με το WinningWP. Σε αυτό το βίντεο θα σας δείξω βήμα προς βήμα πώς να βάλετε μια φόρμα επικοινωνίας στον ιστότοπό σας στο WordPress. Εάν ακολουθήσετε κάθε βήμα στο τέλος του βίντεο, θα έχετε μια πλήρως λειτουργική φόρμα επικοινωνίας. Η προσθήκη που επέλεξα να ονομάζεται Caldera Forms και την επέλεξα για διάφορους λόγους. Το ένα είναι ότι είναι δωρεάν. Ένας άλλος λόγος που το επέλεξα είναι ότι η φόρμα τελικού αποτελέσματος είναι πολύ ελκυστική και ανταποκρίνεται. Επομένως, αν ο ιστός για κινητά είναι σημαντικός για εσάς, αυτό θα ταιριάζει. Αυτός είναι ο ιστότοπος των Φόρμων Caldera, αλλά μπορείτε επίσης να τον δείτε εδώ στο WordPress.org. Ας ξεκινήσουμε λοιπόν. Θα ξεκινήσουμε εδώ στην περιοχή διαχειριστή σας. Πηγαίνουμε στο Plugins → Προσθήκη νέου και κάτω από το Search Plugins πληκτρολογήστε “caldera” και εδώ είναι ακριβώς στην κορυφή. Έτσι, κάνουμε κλικ στο Install Now και στη συνέχεια στο Activate. Εδώ είμαστε. Το Caldera Forms είναι εγκατεστημένο. Επομένως, το επόμενο πράγμα που θα κάνουμε είναι να μεταβείτε στο στοιχείο μενού Φόρμες Caldera εδώ και να κάνετε κλικ στο Forms στο επάνω μέρος της λίστας. Κοντά στην κορυφή της σελίδας θα δείτε το κουμπί Νέα φόρμα και είναι μπλε. Θα κάνουμε κλικ σε αυτό. Στη συνέχεια, έχουμε πολλές επιλογές εδώ για διαφορετικά είδη φορμών. Υπάρχει μια κενή φόρμα, μια φόρμα μεταβλητής τιμολόγησης, μια απλή φόρμα κράτησης. αλλά αυτό που θέλουμε είναι πάνω αριστερά, μια φόρμα επικοινωνίας. Έτσι θα κάνω κλικ σε αυτό. Πρόκειται να δώσουμε ένα όνομα στη φόρμα μας, τίποτα δεν είναι πολύ φανταχτερό απλώς Φόρμα Επικοινωνίας και κάντε κλικ στη δημιουργία φόρμας. Τώρα έχουμε μια φόρμα. Θα σας δώσω μια γρήγορη περιήγηση σε αυτό. Εδώ στην περιοχή διαχειριστή, το κορυφαίο πεδίο φόρμας είναι στην πραγματικότητα ένα απλό πεδίο HTML και έχει ακριβώς αυτό το κείμενο. Αν θέλαμε να το ξεφορτωθούμε, θα μπορούσαμε να κάνουμε κλικ σε αυτό το X πάνω αριστερά. Αν θέλαμε να το μετακινήσουμε, θα μπορούσαμε να κάνουμε κλικ σε αυτές τις τρεις μπάρες πάνω δεξιά. Αν θέλαμε να το προσθέσουμε θα μπορούσαμε να κάνουμε κλικ στο συν στο κάτω μέρος εδώ. Και αν θέλαμε να το χωρίσουμε και να κάνουμε δύο στήλες, θα μπορούσαμε να κάνουμε κλικ σε αυτό το εικονίδιο στην κορυφή. Το ίδιο ισχύει για όλα αυτά τα πεδία που έχουν όλα τα ίδια μικρά εικονίδια. Αυτό χωρίστηκε σε τρία και υπάρχουν τρία πεδία εκεί. Υπάρχει ένα άλλο πεδίο HTML, τότε υπάρχει ένα πλαίσιο σχολίων και ερωτήσεων και, στη συνέχεια, υπάρχει ένα πλαίσιο αποστολής μηνυμάτων. Και αν κάνετε κλικ σε οποιοδήποτε από αυτά, Σε κάθε ένα από αυτά έχει ένα μικρό μολύβι μπορείτε να κάνετε κλικ και να επεξεργαστείτε μερικές πληροφορίες εδώ στα δεξιά. Ευτυχώς δεν χρειάζεται. Αυτή η φόρμα επικοινωνίας είναι πλήρης εκτός πλαισίου. Πρέπει να διαμορφώσουμε πού θα λαμβάνει μηνύματα ηλεκτρονικού ταχυδρομείου όταν κάποιος το συμπληρώνει, ωστόσο, εδώ θα κάνουμε κλικ στο email. Ακολουθεί το μήνυμα ηλεκτρονικού ταχυδρομείου “Από”. Τώρα εάν θέλετε να το αλλάξετε έτσι ώστε το email σας να αναφέρει στην πραγματικότητα τη διεύθυνση του ατόμου που συμπλήρωσε τη φόρμα, μπορείτε να κάνετε κλικ σε αυτό το πεδίο απάντησης στο email και αυτά ονομάζονται μαγικές ετικέτες. Θα κάνω κλικ στη “διεύθυνση ηλεκτρονικού ταχυδρομείου” και τώρα αυτό το πεδίο θα συμπληρωθεί αυτόματα από το πεδίο στη φόρμα σας, όπου το συμπληρωτικό φόρμας θα τοποθετηθεί στη διεύθυνση ηλεκτρονικού ταχυδρομείου τους. Και μπορείτε να αφήσετε όλα τα υπόλοιπα πεδία από προεπιλογή. Τώρα θα κάνουμε κλικ στην επιλογή “Αποθήκευση φόρμας” στην κορυφή. Τώρα που έχουμε μια φόρμα που θέλουμε να την βάλουμε σε μια σελίδα, έτσι θα πάω στην ενότητα των σελίδων μου, θα δημιουργήσω μια νέα που ονομάζεται επαφή και, στη συνέχεια, στην κορυφή της περιοχής περιεχομένου βρίσκεται ένα κουμπί φόρμας Καλντέρας. Ας κάνουμε λοιπόν κλικ στο κουμπί Φόρμα Καλντέρας. Μπορούμε να επιλέξουμε τη φόρμα μας και αν επιλέξαμε να το ορίσουμε ως τροπικό, τότε απλώς θα έκανε έναν σύνδεσμο και θα έπρεπε να κάνουμε κλικ σε αυτό για να εμφανιστεί η φόρμα, αλλά θέλουμε να την ενσωματώσουμε απευθείας στη σελίδα, οπότε πηγαίνουμε για να το αφήσετε ανεξέλεγκτο. Και κάνω κλικ στο Insert Form και υπάρχει η φόρμα μας, οπότε τώρα αποθηκεύουμε τη σελίδα μας και την βλέπουμε. Και εδώ έχουμε τη φόρμα επικοινωνίας μας. Όλα τα πράγματα που λαμβάνονται υπόψη, υπάρχει πολύ λίγη δουλειά για τη συγκέντρωση αυτής της φόρμας. Τα έντυπα Caldera ήρθαν με μια φόρμα επικοινωνίας. Το μόνο που έπρεπε να κάνουμε ήταν να το επιλέξουμε, να το ονομάσουμε, να του δώσουμε μια διεύθυνση email και να το αποθηκεύσουμε. Τότε θα μπορούσαμε να το ενσωματώσουμε απευθείας σε αυτήν τη σελίδα. Ας ελέγξουμε λοιπόν πραγματικά γρήγορα. Πήραμε Φόρμες Καλντέρας μεταβαίνοντας στα Πρόσθετα → Προσθήκη νέου και αναζητώντας την Καλντέρα. Το εγκαταστήσαμε και το ενεργοποιήσαμε και μετά στο μενού διαχειριστή πήγαμε στις φόρμες Caldera, κάναμε κλικ σε νέα φόρμα, επιλέξαμε το πρότυπο φόρμας επαφής, το ονομάσαμε και κάναμε κλικ στο Δημιουργία φόρμας. Στη συνέχεια το διαμορφώσαμε κάνοντας κλικ στην καρτέλα email, προσθέτοντας μια διεύθυνση email και στη συνέχεια την αποθηκεύσαμε. Στη συνέχεια, το τελευταίο βήμα ήταν να δημιουργήσετε μια σελίδα ή να επεξεργαστείτε μια σελίδα, εάν χρειαστεί να κάνετε κλικ στο κουμπί Φόρμα Καλντέρας, επιλέξτε τη φόρμα επικοινωνίας και κάντε κλικ στο ένθετο έντυπο. Στη συνέχεια, απλώς αποθηκεύστε τη σελίδα σας και δείτε την. Αν θέλετε να μάθετε περισσότερα σχετικά με το WordPress, επισκεφθείτε το WinningWP.com.

Δείτε περισσότερα βίντεο…

Οτιδήποτε να προσθέσετε?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map