How to Embed a Google Form in WordPress (3 Easy Methods)

If you already use WordPress for your website and Google Forms for data collection, combining the two is one of the fastest ways to launch a working form.

The good news: it is straightforward.

The less-good news: the first version often looks cramped, too tall, too generic, or slightly broken on mobile.

This guide walks through the easiest ways to embed a Google Form in WordPress, when each method makes sense, and how to clean up the final experience before you publish.

The Fast Answer

If you want the quickest path:

Open your form in Google Forms.
Publish the form and make sure responders can access it.
Copy the Embed HTML code from Google Forms.
Paste that code into a Custom HTML block in WordPress.
Preview the page on desktop and mobile before publishing.

That is enough for most simple contact forms, registrations, surveys, and applications.

Before You Embed Anything

Make sure these basics are correct first:

your Google Form is finished and ready for respondents
the form is published
your sharing settings allow the right audience to respond
your confirmation message is written
you know where responses will be stored

If your form is still changing daily, wait until the structure is stable. It is much easier to embed once the questions, sections, and response settings are locked in.

Method 1: Use Google Forms Embed Code in a WordPress Custom HTML Block

This is the default method for most WordPress sites.

Step 1: Copy the embed code from Google Forms

In Google Forms:

Open the form you want to share.
Click Publish if the form is not already published.
Confirm responder access settings.
Open the More menu.
Choose Embed HTML.
Copy the iframe code.

It will look similar to this:

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

Step 2: Add the form to WordPress

In WordPress:

Open the page or post where the form should appear.
Add a Custom HTML block.
Paste the Google Forms iframe code into the block.
Preview the page.
Publish or update the page.

This works well when you want the form directly inside a landing page, contact page, registration page, or blog post.

When this method is best

Use it when you want:

the fastest setup
no extra plugin
a form embedded directly on the page
a simple workflow your team can maintain

Method 2: Add the Form Inside a Page Builder or Widget Area

If your site uses Elementor, Divi, a block pattern, or a widget-based layout, you can usually place the same iframe inside:

an HTML widget
a code block
a custom HTML element
a reusable section or template

This does not change the Google Form itself. It only changes where the embed lives inside your WordPress layout.

This method is helpful when:

the form needs to sit beside other page sections
you want to place it inside a homepage section
you need different layouts for desktop and mobile
your team already builds pages with a visual editor

The tradeoff is that page-builder spacing can sometimes create extra padding or awkward height around the iframe, so you still need to preview carefully.

Method 3: Use a Button or Text Link Instead of an Inline Embed

Not every Google Form should be embedded.

In some cases, the cleaner option is to place a strong button on your WordPress page and send people to the full form URL instead.

This is usually better when:

the form is long
the form includes file uploads
you want respondents focused on the form alone
your theme handles iframes poorly
you are on a WordPress.com setup that restricts advanced embed code

A link-based approach can also feel cleaner on mobile because the form opens on its own page instead of being squeezed into a narrow content area.

WordPress.com vs Self-Hosted WordPress

This part matters more than most guides admit.

Self-hosted WordPress (`WordPress.org`)

If you manage your own WordPress installation, you can usually paste the iframe into a Custom HTML block without much trouble, as long as your user role allows that kind of HTML.

WordPress.com

WordPress.com supports the Custom HTML block, but advanced tags like iframe are not available on every setup. If your site is not plugin-enabled, WordPress may restrict that code.

If that happens, use one of these fallback options:

link to the Google Form with a button
upgrade to a setup that supports advanced code
use a more controlled frontend approach for the final form experience

If you are unsure which WordPress version you are using, check whether you can add a Custom HTML block and preview iframe content successfully before planning the whole page around it.

The Most Common Problems After Embedding

Most issues are not caused by Google Forms itself. They come from the container around the iframe.

Problem 1: The form is too narrow

This usually happens because your content column is narrow, not because the form is broken.

Fix

use a full-width page template if available
place the form on a page with fewer sidebar elements
increase iframe width to 100%
reduce surrounding padding in your WordPress layout

Example:

<iframe
  src="https://docs.google.com/forms/d/e/FORM_ID/viewform?embedded=true"
  width="100%"
  height="920"
  frameborder="0"
  marginheight="0"
  marginwidth="0"
>
  Loading…
</iframe>

Problem 2: The form gets cut off

Google Forms often needs more vertical space than people expect.

Fix

increase the iframe height
test the full form, not just the first screen
account for long section titles, file upload instructions, or confirmation messages

For short forms, 700-900 pixels may be enough. For longer forms, you may need 1200 pixels or more.

Problem 3: The form looks out of place on your site

This is the most common complaint.

Your page may be well-designed, but the embedded Google Form still looks like a default Google Form dropped into the middle of it.

Fix

Improve the context around the form:

add a clear page headline
explain what the form is for before the embed
set expectations on time required
keep surrounding page design clean and uncluttered
remove distractions near the form

If the mismatch still feels too strong, the limitation is usually the native Google Forms appearance rather than your WordPress page.

Problem 4: The form works on desktop but feels awkward on mobile

Iframes can be technically responsive while still feeling uncomfortable on a phone.

Fix

preview the page on an actual mobile device
keep the form page simple
avoid placing the embed inside narrow columns
use a button-to-form flow instead of an inline embed if the experience feels cramped

For mobile-heavy traffic, the simplest layout usually wins.

Best Practices Before You Publish

Whether you embed the form inline or link out to it, these checks are worth doing every time:

Submit one real test response.
Confirm the response appears in Google Forms and Google Sheets.
Check the form on desktop.
Check the form on mobile.
Check the confirmation message.
Confirm any required fields behave as expected.
Make sure the page headline matches the form purpose.

These checks catch most avoidable mistakes before respondents ever see the page.

When a Native Embed Is Enough

A standard Google Forms embed is often enough for:

internal team requests
lightweight event signups
classroom or workshop registrations
simple contact or inquiry flows
quick surveys

If speed matters more than presentation, the native embed is a good default.

When You May Want a Better Frontend

Native embeds become less convincing when the form is a key part of your customer experience.

That is especially true for:

lead capture pages
job applications
client intake forms
branded campaign pages
paid registrations

In those cases, the main limitation is usually not data collection. Google Forms already handles that well. The limitation is how the experience feels to the person filling it out.

FAQ

Can I embed a Google Form in WordPress without a plugin?

Yes. In many cases, the simplest method is to copy the Google Forms embed code and paste it into a WordPress Custom HTML block.

Why is my Google Form not showing in WordPress?

The most common reasons are restricted iframe support, a role or plan limitation, broken paste formatting, or a theme layout that is clipping the embed area.

Can I embed a Google Form on WordPress.com?

Sometimes, yes. It depends on your WordPress.com setup and whether advanced HTML like iframe is supported for your site.

Should I embed the form or just link to it?

Embed it when you want the form inside the page experience. Link to it when the form is long, mobile usability is more important, or your WordPress setup makes iframe embeds awkward.

Can I make an embedded Google Form look more like my website?

You can improve the surrounding page, but native Google Forms styling is limited. If visual consistency matters a lot, you may want a more flexible frontend while keeping Google Forms as the response backend.

Final Takeaway

If you want to embed a Google Form in WordPress, start simple.

Use the native embed code, place it in a Custom HTML block, and test the full page carefully. For many sites, that is all you need.

If the result feels cramped, generic, or out of place, do not assume the workflow is wrong. It usually means the default embed has reached its presentation limits.

That is the point where layout, context, and the respondent experience start to matter more than the raw embed itself.