AppsCare | How to embed a Google Form into a webpage - AppsCare
AppsCare is a Google for Work Premier Partner in the UK and specialises in the deployment of Google Apps for Work, Google Drive for Work, Google for Education, Google Maps for Work, Chrome Devices for Work and Google Search.
google enterprise premier partner, google enterprise partner, google enterprise reseller, google apps reseller, google apps partner, google maps reseller, google maps partner, chromebooks reseller, chromebox for meetings, google maps for business, google apps for business, google apps for education, google drive for work, drive for work, google for work, google apps for work, google maps for work, chrome for work, google for work premier partner, google apps for work reseller, uk, google for work uk premier partner, google apps reseller, google apps partner
17751
single,single-post,postid-17751,single-format-standard,ajax_fade,page_not_loaded,,wpb-js-composer js-comp-ver-4.0.5,vc_responsive

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…’

Google Apps Tips: Embed Google Forms

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.

Google Apps Tips: Embed Google Forms

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.

Google Apps Tips: Embed Google Forms

 

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.

Claire Stead
cstead@appscare.com
1Comment
  • henry.j.ma1991@gmail.com'
    Henry Ma
    Posted at 03:26h, 22 March Reply

    Thanks! This was very helpful!

Post A Comment