Skip to content
Related Articles

Related Articles

How to embed Google Forms on any Website ?
  • Difficulty Level : Medium
  • Last Updated : 01 Oct, 2020

Google Forms are one of the most famous online platform developed and supported by Google. One can create and customize the created forms and can perform various tasks from review to automatic certificate generator. One can also embed it on a website so that anyone visiting the website can submit or view the form. This article will describe the method to embed a Google Form to any website.

Step 1: Create a Google Form that has to be embedded. The How to Create and Customize Google Forms? article has the steps needed to create and customize Google Forms as per the requirements.

Step 2: After the form has been created, click on the Send button as shown in the image below.

Step 3: Select the embed option from the available options of sending. This would show an <iframe> link that has to be copied.



Step 3: Add this <iframe> link in the HTML source code of the page where the form has to be embedded. This will automatically display the form and allow it to be filled on the page itself. The example below illustrates how the form has to be embedded.

Example:

HTML




<!DOCTYPE html>
<html>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <p>
        How to embed Google Forms 
        on any website?
    </p>
  
  
    <!-- Specify the <iframe> given by the
        the Google Forms embed page -->
    <iframe src="Your Copied Form Source" 
        width="550" height="600" 
        frameborder="0" marginheight="0"
        marginwidth="0">
        Loading…
    </iframe>
</body>
  
</html>

Output:

The output screen will look like this

My Personal Notes arrow_drop_up
Recommended Articles
Page :