12 Feb How to embed a Google Form into a webpage

How to embed a Google Form into a webpage: Google Forms provide a great tool for collecting data, such as for surveys. Occasionally, you may wish to actually embed a Google Form into a webpage, instead of just sharing the live form with someone. Here are the simple steps it takes to put your Google Form online. 

To get started, you will need to open up your existing Form, or create a new one. Once you have your finished form, head to ‘File’ on the toolbar, and scroll down to ‘Embed…’

This will generate a piece of code to add to your website, known as an iFrame. You can edit the size of the Google Form to fit the desired space on your webpage, or copy and paste the code based on the standard size which is generated.

Once you have copied the code, click Done and this window will disappear. You now need to head over to your website, and access the back end tools you need to be able to insert the code. You will need to open up the specific page you want the Google Form to appear on, and make sure you are in a Text editor, not a Visual editor.

You will need to paste your code into the text field, as pictured above. It may be that you have other content on the page, so you want to make sure you paste the code in the relevant position around your other elements on the page.

Below is the form I have used as the example, displayed as the iframe, this is what your finished Google Form will look like when it’s embedded.