Als je moeite hebt om een ​​formulier op je site te krijgen, kun je een plug-in installeren^{(install a plugin)} voor basisfunctionaliteit, maar dat kan je site verder vertragen^{(slow down your site)} als je al veel plug-ins hebt.

Met Google Formulieren^{(Google Forms)} kunt u niet alleen sneller een formulier aan uw site toevoegen, maar krijgt u ook meer functies. U kunt bijvoorbeeld mediabestanden invoegen, vragen importeren, eenvoudig integreren met WordPress en e-mail, delen op meer platforms en genieten van extra opslagruimte in Google Drive^{(additional storage in Google Drive)} .

Bovendien kunt u met Google Formulieren^{(Google Forms)} samenwerken met uw teamgenoten en alle resultaten van uw formulieren van verschillende kanalen volgen, niet alleen van uw site.

Hier leest u hoe u in een paar eenvoudige stappen snel Google Formulieren kunt insluiten op uw website.^{(Google Forms)}

Hoe u Google-formulieren op uw website kunt insluiten^{(How to Embed Google Forms on Your Website)}

Om aan de slag te gaan, heeft u een Google-formulier^{(Google Form)} en de bijbehorende insluitcode nodig, die u toevoegt aan de pagina of post waar u het formulier op uw site wilt weergeven.

Een Google-formulier maken^{(Create a Google Form)}

1. Als u een Google Formulier^{(Google Form)} wilt maken , moet u zijn aangemeld bij uw Google- account en vervolgens het Google Formulieren-^{(Google Forms)} pictogram in het Google Apps- menu selecteren. U kunt ook naar formulieren.google.com^{(forms.google.com)} gaan .

1. Selecteer de lege^(Blank) tegel op de werkbalk om uw formulier helemaal opnieuw te maken, of selecteer een sjabloon^{(select a template)} uit de beschikbare opties.

1. Voeg een titel en beschrijving^{(title and description)} toe aan uw formulier.

1. Gebruik vervolgens de werkbalk aan de rechterkant om vragen toe te voegen, vragen uit een ander formulier te importeren, video's en afbeeldingen te uploaden of een sectie toe te voegen. 

1. Als u het antwoordtype wilt kiezen, selecteert u de pijl naast het gedeelte met het antwoordtype.

1. Uit de opties kunt u ervoor kiezen om gebruikers een kort antwoord of alinea te laten achterlaten, meerkeuzevragen, selectievakjes aan te vinken of keuzes te selecteren in een vervolgkeuzemenu.

1. Gebruik het paletpictogram^(palette) in de rechterbovenhoek van het scherm om het thema van het formulier aan te passen of te wijzigen.

1. U kunt ook een voorbeeld van het definitieve ontwerp bekijken met behulp van het oogpictogram voordat u het opslaat en in uw website insluit.

1. Als u e-mailadressen wilt verzamelen, gebruikers wilt beperken tot elk één antwoord, of hen wilt toestaan ​​hun antwoorden te bewerken nadat u het formulier heeft verzonden, selecteert u Geavanceerde instellingen^{(Advanced Settings)} (tandwielpictogram).

1. Selecteer het pictogram met de drie stippen^{(three-dot icon)} voor meer opties, zoals bijdragers toevoegen, acties ongedaan maken, voorkeuren toevoegen of add-ons van Google Workspace Marketplace .

Opmerking^(Note) : als u Medewerkers toevoegen^{(Add Collaborators)} selecteert , kunt u specifiek leden van uw team uitnodigen om^{(invite members of your team to work)} aan het formulier te werken. U kunt uitnodigingen verzenden met behulp van de optie voor het delen van links of typ hun e-mailadres in en ze ontvangen een e-mailmelding met de uitnodiging.

Sluit uw Google-formulier in op uw website^{(Embed Your Google Form on Your Website)}

Nu u uw Google-formulier^{(Google Form)} gereed heeft, is de volgende stap om het aan uw website toe te voegen. Hiervoor heb je de insluitcode van het formulier nodig. Dit is een uniek codefragment dat je toevoegt aan de pagina of post waar je het formulier wilt laten verschijnen.

1. Om de insluitcode van het formulier te krijgen, selecteert u Verzenden^(Send) in de rechterbovenhoek van het venster van de formuliereditor.

1. In het formulier Verzenden^{(Send form)} ziet u verschillende opties waarmee u het formulier kunt delen, bijvoorbeeld via een link, e-mail, sociale media of HTML . U kunt kiezen of u het formulier op Facebook of Twitter wilt delen of naar uw e-maillijst met abonnees wilt verzenden.

1. Om het formulier op uw website in te sluiten, moet u de HTML - optie gebruiken. Selecteer het tabblad <> .

1. In het veld HTML insluiten^{(Embed HTML)} ziet u een codefragment, evenals de vakken voor breedte^(width) en hoogte^(height) waarin u de afmetingen voor uw ingesloten formulier kunt wijzigen.

1. Selecteer Kopiëren^(Copy) om de insluitcode te kopiëren en naar het dashboard van uw website te gaan.

Voeg de insluitcode van uw Google-formulier toe aan uw website^{(Add Your Google Form’s Embed Code to Your Website)}

Nu u uw insluitcode heeft, logt u in op het beheerdersdashboard van uw site en gaat u naar de pagina of post waar u het formulier wilt insluiten.

Opmerking^(Note) : de instructies in deze handleiding zijn van toepassing op WordPress met behulp van de Gutenberg/Block Editor .

1. De eerste stap is het toevoegen van een aangepast HTML-blok^{(custom HTML block)} . Open hiervoor de blokeditor door Pagina's^(Pages) of Berichten^(Posts) te selecteren in het beheerderspaneel en zoek de pagina of het bericht dat u wilt bewerken.

1. Selecteer Add block (+) pictogram linksboven in de blokeditor naast het WordPress logo.z

1. Ga naar het gedeelte Opmaak^(Formatting) en scrol omlaag om Aangepaste HTML^{(Custom HTML)} te zoeken en te selecteren .

1. Plak het HTML-codefragment^{(HTML code snippet)} dat u eerder hebt gekopieerd in het daarvoor bestemde veld.

1. Selecteer in de werkbalk van het aangepaste HTML^{(Custom HTML)} -blok het tabblad Voorbeeld^(Preview) om een ​​voorbeeld te zien van hoe uw formulier op uw website zal verschijnen.

1. Uw Google-formulier^{(Google Form)} wordt weergegeven op uw pagina of bericht.

1. Zorg^(Make) ervoor dat u uw bericht of pagina na het bewerken bijwerkt om de wijzigingen op te slaan.

Creëer het perfecte formulier voor uw site^{(Craft the Perfect Form for Your Site)}

Of u nu een enquête aan uw site, een bestelformulier aan uw online winkel, evenementregistratie of contactformulier wilt toevoegen, Google Formulieren^{(Google Forms)} kan u helpen de perfecte formulieren voor uw website te maken. 

Bekijk onze handleidingen over hoe u Google Agenda kunt insluiten op uw website^{( how to embed Google Calendar on your website)} en hoe u uw eigen coupon-pop-up in WordPress kunt maken^{( how to create your own coupon popup in WordPress)} voor extra functionaliteit en een betere gebruikerservaring.

Kon je met behulp van deze handleiding ^(Were)Google Formulieren^{(Google Forms)} maken en insluiten op je website? Deel met ons in de reacties.

How to Embed Google Forms on Your Website

If you’re struggling to get a form on уour 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

• Hoe u Google Agenda kunt insluiten op uw website

• Google Analytics-methoden voor gebruikersonderzoek om websiteverkeer te stimuleren

• Voeg Google Maps-routebeschrijvingen toe aan uw website

• Vervolgkeuzelijsten van Google Spreadsheets gebruiken

• 9 verborgen functies in Google Maps die u moet uitchecken

• Hoe u uw Google Maps-zoekgeschiedenis kunt bekijken

• Wat is een Google-fout 'Ongebruikelijk verkeer' en hoe u deze kunt oplossen?

• Wat zijn Google-blootstellingsmeldingen voor COVID-bescherming?

• Hoe Google Taken te gebruiken - Handleiding Aan de slag

• Een handtekening invoegen in Google Documenten

• Google Mijn activiteit: waarom het u iets zou kunnen schelen

• Hoe kom je in Inbox Zero in Gmail

• Een YouTube Premium-abonnement annuleren of pauzeren

• Het standaard Google-account wijzigen

• Hoe u Google SafeSearch uitschakelt

• Een Google-formulier maken: een complete gids

• Hoe werkt het YouTube-algoritme?

• Hoe u SSL-beveiligingscertificaatfouten in Chrome kunt oplossen

• 3 manieren om randen te maken in Google Documenten

• Wat is verbeterde bescherming in Google Chrome en hoe u dit kunt inschakelen?