> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Embed Google Form in Gutenberg

Step-by-step guide to embed Google Form in Gutenberg using the Custom iFrame WordPress plugin. No coding required.


## Overview

Custom iFrame lets you embed Google Form in Gutenberg by pasting the form's responder link into the block. Display live, fully functional forms directly on any page or post in the WordPress block editor.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Using Elementor instead? Follow the [Embed Google Form in Elementor](/elementor/documents/embed-google-forms) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- WordPress with the Gutenberg block editor
- A Google Form published and ready to embed

## Step 1: Get the Google Form Embed Link

<Steps>
  <Step title="Open your Google Form" icon="file-text" title-type="p">
    Open the Google Form you want to embed in Google Forms.
  </Step>
  <Step title="Publish the form" icon="globe" title-type="p">
    Click the **Publish** button in the top-right corner. A Publish Form dialog opens. Click **Publish** inside the dialog.
  </Step>
  <Step title="Copy the responder link" icon="link" title-type="p">
    Click the **Published** button that appears. Click **Copy Responder Link**. This is the URL you will paste into the Custom iFrame block.
  </Step>
</Steps>

## Step 2: Install the Plugin and Add the Block

<Steps>
  <Step title="Install and activate the plugin" icon="download" title-type="p">
    Go to your WordPress dashboard. Go to **Plugins > Add New**. Search for **Custom iFrame by Coderz Studio**, click **Install Now**, then click **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1777223431/getting-started/installation/Custom-iFrame-Installation.webp"
      alt="Custom iFrame for Elementor WordPress plugin by Coderz Studio showing 3000+ active installations on the plugin repository page"
      width="818"
      height="363" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the form. Click **Edit** to open the Gutenberg block editor.
  </Step>
  <Step title="Add the Custom iFrame block" icon="plus" title-type="p">
    Click the **Add Block** button. Search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
</Steps>

## Step 3: Embed Google Form in Gutenberg

<Steps>
  <Step title="Paste the Google Form URL" icon="clipboard" title-type="p">
    Select the Custom iFrame block. In the **Source** field in the right panel, paste the Google Form responder link you copied. The form appears inside the block in the editor as a live preview.
  </Step>
</Steps>

## Step 4: Adjust Settings and Publish

**Height:** Set the iframe height so the full form is visible. Adjust based on how many questions the form has.

**Scroll Bar:** Enable the scrollbar if your form is long and you prefer to keep the iframe height fixed.

**Refresh Interval:** Set how often the iframe reloads. Useful if form questions update frequently.

**Smart Load:** Turn on lazy loading so the form loads only when it enters the viewport. This keeps page performance strong.

<Image
  src="https://res.cloudinary.com/dcn414hjc/image/upload/v1777000692/gutenberg/documents/google-forms/basic-settings.webp"
  alt="Custom iFrame block settings panel in Gutenberg showing height, auto height toggle, scroll bar, and refresh interval options for Google Form embed"
  width="329"
  height="639" priority={true} fetchPriority="high" />

<Callout kind="success">
  Click **Update** or **Publish**. Your Google Form is now live and collecting responses on your WordPress site.
</Callout>

Want to add a custom watermark (Pro), device frame (Pro), or full screen button? See the [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup) guide for all block options.

This guide showed you how to embed Google Form in Gutenberg using the Custom iFrame plugin. From copying the responder link to configuring the block and publishing, your form is ready to collect responses directly from your WordPress page.

## FAQ

<ExpandableGroup>
  <Expandable title="What is the responder link for a Google Form?" default-open="false">
    The responder link is the URL visitors use to fill out your form. Get it from the Publish dialog in Google Forms by clicking Publish and then Copy Responder Link.
  </Expandable>
  <Expandable title="Will form responses go to my Google Forms account?" default-open="false">
    Yes. Submissions made through the embedded form go to the same Google Forms response sheet. You can view them in Google Forms or linked Google Sheets.
  </Expandable>
  <Expandable title="The Google Form is not loading. What should I do?" default-open="false">
    Make sure the form is published and you copied the responder link. If the form is restricted to specific Google Workspace users, visitors outside that domain cannot submit it. See [iFrame Not Showing](/troubleshooting/iframe-not-showing) for more help.
  </Expandable>
  <Expandable title="What height should I use for a Google Form?" default-open="false">
    It depends on how many questions your form has. Start at 600px and increase until all questions are visible. Enable Auto Height to let the iframe size itself automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Google Form in Elementor" href="/elementor/documents/embed-google-forms" icon="layers" horizontal={false}>
    Guide for the Elementor widget.
  </Card>
  <Card title="Embed Google Docs in Gutenberg" href="/gutenberg/documents/embed-google-docs" icon="file-text" horizontal={false}>
    Embed Google Docs in the block editor.
  </Card>
</Columns>

## Related Guides

- [Embed Documents in Gutenberg - Overview](/gutenberg/embed-documents)
- [Embed Google Docs in Gutenberg](/gutenberg/documents/embed-google-docs)
- [Embed Google Sheets in Gutenberg](/gutenberg/documents/embed-google-sheets)
- [Embed Google Slides in Gutenberg](/gutenberg/documents/embed-google-slides)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)