Πώς να ενσωματώσετε μια φόρμα Google στο WordPress

Άρθρο που γράφτηκε από:
  • WordPress
  • Ενημερώθηκε: Nov 08, 2017

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

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

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

Παρόλο που ο επίσημος χώρος αποθήκευσης WordPress ήδη προσφέρει πολλά plug-in building-form, ορισμένοι μπλόγκερ και έμποροι προτιμούν να παραμένουν στη G Suite - μια πλατφόρμα που βασίζεται σε σύννεφο για webmasters που έχουν σχεδιαστεί από οποιονδήποτε άλλο από το Google.

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

Δημιουργία με τα έντυπα Google

Καταρχήν, συνδεθείτε στα Έντυπα Google χρησιμοποιώντας οποιοδήποτε έγκυρο λογαριασμό Google.

Στην ενότητα "Έναρξη νέας φόρμας" επιλέξτε αν θα θέλατε να ξεκινήσετε από την αρχή ή να χρησιμοποιήσετε ένα προϋπάρχον πρότυπο.

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

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

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

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

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

Αποστολή της φόρμας Google στο WordPress

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

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

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

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

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

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

Χρησιμοποιώντας wpGForm

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

Εάν ο μόνος στόχος σας είναι να ενσωματώσετε τα Έντυπα Google στον ιστότοπό σας στο WordPress, τότε η απάντηση είναι ναι. Ωστόσο, wpGForm κάνει πολύ περισσότερα από την ένταξη των μορφών. Επίσης, σας επιτρέπει να αποκρύψετε τον τίτλο της φόρμας, να τροποποιήσετε το κουμπί υποβολής, να χρησιμοποιήσετε την εικόνα captcha και ούτω καθεξής.

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

Για να αποκτήσετε πρόσβαση σε αυτό, κάντε κλικ στο κουμπί "Βοήθεια & Ανατροφοδότηση" και επιλέξτε "Επιστροφή στις παλιές Φόρμες".
Αφού εγκαταστήσετε το wpGForm, μεταβείτε στον πίνακα ελέγχου του WordPress και κάντε κλικ στην επιλογή "Έντυπα Google"> "Προσθήκη νέας φόρμας Google".
Στη συνέχεια, επικολλήστε το σύνδεσμο στη φόρμα σας στο πεδίο "URL φόρμας". Μπορείτε να το αποκτήσετε πηγαίνοντας στο πρόγραμμα επεξεργασίας Φόρμες Google και κάνοντας κλικ στο 'Αρχείο'> 'Αποστολή φόρμας'.
Αφού επικολλήσετε τον σύνδεσμο, κάντε κλικ στο μπλε κουμπί "Δημοσίευση". Αυτό είναι! Αν έχει εισαχθεί έγκυρη διεύθυνση URL, η φόρμα σας είναι τώρα έτοιμη για χρήση μέσω shortcode. Μπορείτε να το αποκτήσετε μεταβαίνοντας σε "Έντυπα Google"> "Έντυπα Google".

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

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

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

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

Άρθρο του Κρίστοφερ Γιάν Μπενίτεζ

Ο Christopher Jan Benitez είναι ένας επαγγελματίας ανεξάρτητος συγγραφέας που παρέχει στις μικρές επιχειρήσεις περιεχόμενο που εμπλέκει το κοινό τους και αυξάνει τη μετατροπή. Αν ψάχνετε για άρθρα υψηλής ποιότητας σχετικά με οτιδήποτε σχετίζεται με το ψηφιακό μάρκετινγκ, τότε είναι ο τύπος σας! Μη διστάσετε να του πείτε "hi" σε Facebook, Google+ και Twitter.

Συνδέομαι: