Εάν δυσκολεύεστε να αποκτήσετε μια φόρμα στον ιστότοπό σας, θα μπορούσατε να εγκαταστήσετε μια προσθήκη^{(install a plugin)} για βασική λειτουργικότητα, αλλά αυτό μπορεί να επιβραδύνει περαιτέρω τον ιστότοπό σας^{(slow down your site)} εάν έχετε ήδη πολλές προσθήκες.

Με τις Φόρμες Google^{(Google Forms)} , όχι μόνο προσθέτετε μια φόρμα στον ιστότοπό σας πιο γρήγορα, αλλά λαμβάνετε και περισσότερες δυνατότητες. Για παράδειγμα, μπορείτε να εισάγετε αρχεία πολυμέσων, να εισάγετε ερωτήσεις, να ενσωματώνεστε εύκολα με το WordPress^(WordPress) και το ηλεκτρονικό ταχυδρομείο, να κάνετε κοινή χρήση σε περισσότερες πλατφόρμες και να απολαμβάνετε επιπλέον χώρο αποθήκευσης στο Google Drive^{(additional storage in Google Drive)} .

Επιπλέον, οι Φόρμες Google^{(Google Forms)} σάς επιτρέπουν να συνεργάζεστε με τους συμπαίκτες σας και να παρακολουθείτε όλα τα αποτελέσματα από τις φόρμες σας από διαφορετικά κανάλια, όχι μόνο από τον ιστότοπό σας.

Δείτε πώς μπορείτε να ενσωματώσετε γρήγορα τις Φόρμες Google^{(Google Forms)} στον ιστότοπό σας με μερικά απλά βήματα.

Πώς να ενσωματώσετε Φόρμες Google στον ιστότοπό σας^{(How to Embed Google Forms on Your Website)}

Για να ξεκινήσετε, θα χρειαστείτε μια Φόρμα Google^{(Google Form)} και τον ενσωματωμένο της κώδικα, τον οποίο θα προσθέσετε στη σελίδα ή θα δημοσιεύσετε όπου θέλετε να εμφανίζεται η φόρμα στον ιστότοπό σας.

Δημιουργήστε μια φόρμα Google^{(Create a Google Form)}

1. Για να δημιουργήσετε μια Φόρμα Google^{(Google Form)} , βεβαιωθείτε ότι είστε συνδεδεμένοι στον λογαριασμό σας Google και, στη συνέχεια, επιλέξτε το εικονίδιο Φόρμες Google^{(Google Forms)} στο μενού των Εφαρμογών Google . ^{(Google Apps)}Εναλλακτικά, μεταβείτε στη διεύθυνση forms.google.com^{(forms.google.com)} .

1. Επιλέξτε το Κενό^(Blank) πλακίδιο από τη γραμμή εργαλείων για να δημιουργήσετε τη φόρμα σας από την αρχή ή επιλέξτε ένα πρότυπο^{(select a template)} από τις διαθέσιμες επιλογές.

1. Προσθέστε έναν τίτλο και μια περιγραφή^{(title and description)} στη φόρμα σας.

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

1. Εάν θέλετε να επιλέξετε τον τύπο απάντησης, επιλέξτε το βέλος δίπλα στην ενότητα τύπου απάντησης.

1. Από τις επιλογές, μπορείτε να επιλέξετε να επιτρέψετε στους χρήστες να αφήνουν μια σύντομη απάντηση ή παράγραφο, πολλαπλές επιλογές, να επισημαίνουν πλαίσια ελέγχου ή να επιλέγουν επιλογές από ένα αναπτυσσόμενο μενού.

1. Για να προσαρμόσετε ή να αλλάξετε το θέμα της φόρμας, χρησιμοποιήστε το εικονίδιο της παλέτας^(palette) στην επάνω δεξιά πλευρά της οθόνης.

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

1. Εάν θέλετε να συλλέξετε διευθύνσεις email, να περιορίσετε τους χρήστες σε μία απάντηση ο καθένας ή να τους επιτρέψετε να επεξεργαστούν τις απαντήσεις τους μετά την υποβολή της φόρμας, επιλέξτε τις Ρυθμίσεις για προχωρημένους^{(Advanced Settings)} (εικονίδιο με το γρανάζι).

1. Επιλέξτε το εικονίδιο με τις τρεις κουκκίδες^{(three-dot icon)} για περισσότερες επιλογές, όπως προσθήκη συνεργατών, αναίρεση ενεργειών, προσθήκη προτιμήσεων ή πρόσθετα από το Google Workspace Marketplace^{(Google Workspace Marketplace)} .

Σημείωση^(Note) : Η επιλογή Προσθήκη συνεργατών^{(Add Collaborators)} σάς επιτρέπει να προσκαλέσετε μέλη της ομάδας σας να εργαστούν^{(invite members of your team to work)} στη φόρμα. Μπορείτε να στείλετε προσκλήσεις χρησιμοποιώντας την επιλογή κοινής χρήσης συνδέσμου ή να πληκτρολογήσετε τις διευθύνσεις ηλεκτρονικού ταχυδρομείου τους και θα λάβουν μια ειδοποίηση μέσω email με την πρόσκληση.

Ενσωματώστε τη Φόρμα Google στον ιστότοπό σας^{(Embed Your Google Form on Your Website)}

Τώρα που έχετε έτοιμη τη Φόρμα Google^{(Google Form)} , το επόμενο βήμα είναι να την προσθέσετε στον ιστότοπό σας. Για να το κάνετε αυτό, πρέπει να λάβετε τον κώδικα ενσωμάτωσης της φόρμας, ο οποίος είναι ένα μοναδικό απόσπασμα κώδικα που θα προσθέσετε στη σελίδα ή στη δημοσίευση όπου θέλετε να εμφανίζεται η φόρμα.

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

1. Στη φόρμα Αποστολή^{(Send form)} , θα δείτε διάφορες επιλογές που μπορείτε να χρησιμοποιήσετε για να μοιραστείτε τη φόρμα, για παράδειγμα μέσω συνδέσμου, email, μέσων κοινωνικής δικτύωσης ή HTML . Μπορείτε να επιλέξετε εάν θα κοινοποιήσετε τη φόρμα στο Facebook ή στο Twitter ή να τη στείλετε στη λίστα email των συνδρομητών σας.

1. Για να ενσωματώσετε τη φόρμα στον ιστότοπό σας, πρέπει να χρησιμοποιήσετε την επιλογή HTML . Επιλέξτε την καρτέλα <>

1. Στο πεδίο Ενσωμάτωση HTML^{(Embed HTML)} , θα δείτε ένα απόσπασμα κώδικα, καθώς και τα πλαίσια πλάτους^(width) και ύψους^(height) όπου μπορείτε να αλλάξετε τις διαστάσεις μεγέθους για την ενσωματωμένη φόρμα σας.

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

Προσθέστε τον κώδικα ενσωμάτωσης της Φόρμας Google στον ιστότοπό σας^{(Add Your Google Form’s Embed Code to Your Website)}

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

Σημείωση^(Note) : Οι οδηγίες σε αυτόν τον οδηγό ισχύουν για το WordPress χρησιμοποιώντας το πρόγραμμα επεξεργασίας Gutenberg/Block .

1. Το πρώτο βήμα είναι να προσθέσετε ένα προσαρμοσμένο μπλοκ HTML^{(custom HTML block)} . Για να το κάνετε αυτό, ανοίξτε το πρόγραμμα επεξεργασίας μπλοκ επιλέγοντας Σελίδες^(Pages) ή Αναρτήσεις^(Posts) στον πίνακα διαχείρισης και βρείτε τη σελίδα ή την ανάρτηση που θέλετε να επεξεργαστείτε.

1. Επιλέξτε το εικονίδιο Add block (+) στην επάνω αριστερή πλευρά του προγράμματος επεξεργασίας μπλοκ δίπλα στο λογότυπο του WordPress.z^(WordPress)

1. Μεταβείτε στην ενότητα Μορφοποίηση^(Formatting) και κάντε κύλιση προς τα κάτω για να βρείτε και να επιλέξετε Προσαρμοσμένο HTML^{(Custom HTML)} .

1. Επικολλήστε το απόσπασμα κώδικα HTML^{(HTML code snippet)} που αντιγράψατε νωρίτερα στο πεδίο που παρέχεται.

1. Στη γραμμή εργαλείων του μπλοκ προσαρμοσμένου HTML , επιλέξτε την καρτέλα ^{(Custom HTML)}Προεπισκόπηση^(Preview) για να δείτε μια προεπισκόπηση του τρόπου με τον οποίο θα εμφανίζεται η φόρμα σας στον ιστότοπό σας.

1. Η Φόρμα Google^{(Google Form)} θα εμφανιστεί στη σελίδα ή στην ανάρτησή σας.

1. Βεβαιωθείτε^(Make) ότι έχετε ενημερώσει την ανάρτηση ή τη σελίδα σας μετά την επεξεργασία για να αποθηκευτούν οι αλλαγές.

Δημιουργήστε την τέλεια φόρμα για τον ιστότοπό σας^{(Craft the Perfect Form for Your Site)}

Είτε θέλετε να προσθέσετε μια έρευνα στον ιστότοπό σας, μια φόρμα παραγγελίας στο ηλεκτρονικό σας κατάστημα, εγγραφή εκδήλωσης ή φόρμα επικοινωνίας, οι Φόρμες Google^{(Google Forms)} μπορούν να σας βοηθήσουν να δημιουργήσετε τις τέλειες φόρμες για τον ιστότοπό σας. 

Ρίξτε μια ματιά στους οδηγούς μας για το πώς να ενσωματώσετε το Ημερολόγιο Google στον ιστότοπό σας^{( how to embed Google Calendar on your website)} και πώς να δημιουργήσετε το δικό σας αναδυόμενο κουπόνι στο WordPress^{( how to create your own coupon popup in WordPress)} για πρόσθετη λειτουργικότητα και καλύτερη εμπειρία χρήστη.

Καταφέρατε^(Were) να δημιουργήσετε και να ενσωματώσετε Φόρμες Google^{(Google Forms)} στον ιστότοπό σας χρησιμοποιώντας αυτόν τον οδηγό; Μοιραστείτε μαζί μας στα σχόλια.

How to Embed Google Forms on Your Website

If you’re struggling to get a form on your site, you could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• Πώς να ενσωματώσετε το Ημερολόγιο Google στον ιστότοπό σας

• Μέθοδοι έρευνας χρηστών του Google Analytics για την ενίσχυση της επισκεψιμότητας του ιστότοπου

• Προσθέστε οδηγίες οδήγησης στους Χάρτες Google στον ιστότοπό σας

• Πώς να χρησιμοποιήσετε τις αναπτυσσόμενες λίστες των Φύλλων Google

• 9 κρυφές λειτουργίες στους Χάρτες Google που πρέπει να ελέγξετε

• Πώς να φιλτράρετε στα Φύλλα Google

• Πώς να προβάλετε το ιστορικό αναζήτησης των Χαρτών Google

• Τι είναι μια μέτρηση και μια ιδιότητα στο Google Analytics;

• Πώς να ταξινομήσετε ή να φιλτράρετε κατά χρώμα στα Φύλλα Google

• Πώς να ακυρώσετε ή να διακόψετε μια συνδρομή YouTube Premium

• Πώς να δημιουργήσετε αντίγραφα ασφαλείας του ιστορικού του Google Chrome

• Πώς να εισαγάγετε μια υπογραφή στα Έγγραφα Google

• Πώς να χρησιμοποιήσετε το SUMIF στα Φύλλα Google

• Πώς λειτουργεί ο αλγόριθμος YouTube;

• Πώς να δημιουργήσετε μια φόρμα Google: Ένας πλήρης οδηγός

• Πώς να αλλάξετε τον προεπιλεγμένο λογαριασμό Google

• Τα 20 καλύτερα πρόσθετα και επεκτάσεις Gmail για ισχυρούς χρήστες ηλεκτρονικού ταχυδρομείου

• Τι είναι οι Ειδοποιήσεις έκθεσης της Google για την προστασία από τον COVID;

• Τι είναι η εφαρμογή Google και πώς να τη χρησιμοποιήσετε

• Πώς να παρακολουθείτε τις αλλαγές στα Έγγραφα Google