Skip to main content
All CollectionsAdvanced Use-Cases
Adding Google Forms/Survey
Adding Google Forms/Survey

How to add a Google form/survey to your videos using our full screen HTML overlays

Updated over a week ago

With our HTML full screen overlays you can add any sort of HTML you'd like to your videos. Google Forms offers embed code when you create a form, so this is a quick and easy way to add forms and survey to your videos.

Click here to see the form in action.

First head over to Google Forms and create your form. There are various tutorials online for generating these so we won't review that here.

In this example we created a 3 question survey. Once you are ready to add to your video, click on Send:

Choose the Embed tab and then click on Copy:

You will get code that looks like this:

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSe8LWDhGi3fwY0N6sadmU9JBIv8YNYwOANFLHM2E9lbuxKXbw/viewform?embedded=true" width="640" height="1106" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

You just need to add some extra style code to make sure it displays properly:

style="width: 100%; height: 100%; background: white;"

And then the end result is this:

<p><iframe style="width: 100%; height: 100%; background: white;" src="https://docs.google.com/forms/d/e/1FAIpQLSe8LWDhGi3fwY0N6sadmU9JBIv8YNYwOANFLHM2E9lbuxKXbw/viewform?embedded=true" frameborder="0" marginwidth="0" marginheight="0">Loading…</iframe></p>

In your HTML overlay template, add this in Content tab. Click on Tools >> Source code:

And you'll get a pop-up. Enter your code here and click Save:

And the form will display like this on your video:

Did this answer your question?