How to embed a Google Form in an HTML page (and when to use a built-in form)

Your page came from ChatGPT or Claude, and it needs a sign-up or contact form today. Google Forms gives you one in a few minutes, and the form's embed code drops it into your page. This guide gives the steps from Google's help, the one change that keeps it from breaking on a phone, and what to check when the frame shows up blank.

Google's steps and limits below come from the Google Docs Editors Help, read on October 20, 2026. The width and height results come from Convika's own test on October 15, 2026.

How to embed a Google Form in HTML in 5 steps

1. Publish the form

Google's help says "Before responders can access your form, you need to publish it." Open the form, click Publish at the top right, check who can respond, and click Publish again. The top right then shows "Published." To let anyone on your page answer, give access to anyone with the link under General access.

2. Copy the embed HTML

In the form, click the More menu at the top right, select Embed HTML, and click Copy. Older guides send you to Send and a <> tab. Google's help of October 20, 2026 gives the More menu instead.

3. Paste it where the form goes

Open your page's HTML and paste the code where the form should appear. On a page an AI made, replace its own form, everything from <form to </form>. You can ask the AI: "Replace the contact form with this Google Form embed code," then paste the code under it.

4. Set the width to 100%

Change the width in the code to 100%, and raise the height to fit your questions:

<iframe src="https://docs.google.com/forms/d/e/YOUR-FORM-ID/viewform?embedded=true" width="100%" height="1200"></iframe>

The next section explains why both numbers matter.

5. Publish the page and test it on a phone

Put the page online and open it on a phone. Fill in the form once and check that the response shows under Responses in Google Forms.

Make the embedded form fit the width

Google's help doesn't say what the copied code contains or how to resize it. So Convika tested a public Google Form in Chromium on October 15, 2026, at a 390 px phone width and a 1,280 px desktop width.

• Width. With width="640", the frame ran past a 390 px screen and the whole page scrolled sideways. With width="100%", it fit.
• Height. The frame stayed at the height in the code. It didn't grow with the form. The test form was taller than an 800 px frame and scrolled inside it. Raise height until the last question and the submit button show without inner scrolling.

When the embedded Google Form shows blank or won't load

Check these 4 things, in this order:

• The form isn't published, or it stopped taking responses. Google's help says "If the form is unpublished, responders with the link can't access it" and "You can't accept responses in unpublished forms." When you turn off Accepting responses, visitors see that the form is closed.
• Only some people can answer. Before publishing, an owner can limit the form to a domain, a trusted audience, or a group. Anyone else on your page can't respond.
• The form asks for a Google sign-in. With Limit to 1 response on, "users must sign in to their Google Account." A file upload question also needs the responder to sign in. Turn both off if visitors shouldn't need a Google account.
• The host blocks frames from other sites. Some hosts don't let a page load another site in an iframe, and the frame stays empty. In Convika's October 15 test, the browser console showed a message starting Framing 'https://docs.google.com/' violates the following Content Security Policy directive. Convika's no-account preview removes every iframe, so the form doesn't show there. A page you keep with an account, and the page you publish, load https:// frames, and the Google Form showed in the same test.

A page opened from your own computer (an address starting file:///) showed the form too. Only you can open that file, though. Others need the page online.

Where do Google Form responses go

Responses stay in the form, under Responses. From there, Google's help lists 3 options:

• A sheet. Click Link to Sheets to keep every response in a Google Sheet.
• A CSV file. Click More, then Download responses (.csv).
• An email per response. Click More, then Get email notifications for new responses.

If you collect email addresses, Send responders a copy of their response sends each person their answers. Since September 2026, each form takes up to 500,000 responses and 1 GB of storage.

A form built into the page instead

An embed keeps Google's design inside a frame. If you want the form to look like the rest of your page, put the form in the page's HTML. In Convika, Add a form to my page does that from the dashboard.

Pick the Google Form when you want the answers in a Google Sheet, need question types beyond name, email, and message, or want each person to get a copy. Pick a form in the page when its look matters, or when you want entries and visits in one dashboard.

Both work on a Convika page. Drop your .html file in the box below, or switch to Paste code, and select Get my preview link. The preview lasts 3 minutes without an account and turns off scripts, forms, and embeds, so your Google Form won't show in it yet. Select Keep this page — free, no card and sign up: the page moves into your account, and the embedded form shows in the dashboard preview and on the published page.

To publish, select Publish. The first time, Choose how to publish your page offers Free, the 1-year Pro pass at $29 once, or Pro monthly at $12 a month. Free puts the page online with a small Convika bar at the bottom. A Free page is Public: anyone with the link can open it, and it may show up in search results and in Convika's gallery. To keep it out of both, choose Private link (Pro or pass) when you publish.

To swap in a Convika form, open the page in the dashboard, select Add a form to my page, pick a set of fields, and select Add form to my page. You get a new preview with the form in it. Send a test entry, then publish. Entries show under Forms, and Export CSV downloads them.

How to make the signup form on your AI-made page actually work compares Formspree, Netlify Forms, Google Forms, and Convika's form.

Frequently asked questions

How do I embed a Google Form in HTML?

Publish the form first. Then open the More menu at the top right, select Embed HTML, click Copy, and paste the code into your page where the form goes. Change the iframe's width to 100% so it fits a phone, and raise the height until the whole form shows.

Why is my embedded Google Form not showing?

Check that the form is published and accepting responses, and that its access isn't limited to a domain or a group. If the frame stays empty, your host may block frames from other sites. Convika's no-account preview removes iframes, for example, but the page you keep and publish shows the form.

Can I embed a Google Form without the Google branding?

Google's help pages don't describe a way to remove Google's look from an embed. Its Forms page says you can choose colors, images, and fonts to match your brand. For a form in your page's own design, put the form in the page's HTML, such as with Convika's Add a form to my page.

Is there a free alternative to Google Forms for a landing page?

Yes. Convika's Free plan adds a form to your page's HTML with email only, name and email, or name, email, and message. Entries are saved in the dashboard and emailed to you, with CSV export. Free shows and emails 50 entries a month. Convika sends no auto-reply to the person who filled it in.

Sources

• Google Docs Editors Help: Publish & share your form with responders (checked October 20, 2026)
• Google Docs Editors Help: View & manage form responses (checked October 20, 2026)
• Google Docs Editors Help: Choose a type of question for your form (checked October 20, 2026)
• Google Workspace: Google Forms (checked October 20, 2026)