It’s easy to embed a typeform on the vast majority of websites: the standard embed code which Typeform provides will work seamlessly. But unfortunately Google Sites is a bit different, and a slightly different embedding process is required.
Beardy Tip! you don’t need web development skills to follow this tutorial, but they always help!
You will need:
- a Google Sites account
- a blank page on one of your sites
- the typeform you want to embed on that page
Navigate to the blank page where you want to embed your typeform, and activate the editor (click the Edit button). Click on Insert on the menu bar, and select More gadgets from the dropdown.
You should now see the ”Add a gadget to your page” window, and a search box where you can search gadgets. Search for the keyword “iframe” and select Include gadget (iframe), as shown below:
Paste your typeform’s Public URL into the URL to content (required) field, and choose its width and height.
Tip! We recommend 100% for the width and at least 500px for the height. But you should experiment with different configurations to see what fits your needs and your typeform’s design.
We also recommend unchecking the options to “include a border around gadget” and “Display a title on gadget”. So your configuration might look something like this:
Warning! We strongly recommend that you do not turn off the scrollbar: your respondents won’t be able to scroll back and change their answers if you do!
Save your changes and open your web page to see your typeform embedded.
To learn on embedding options, please refer to the article: Embed a typeform.