How to embed a Google Form on a website
Embed a Google Form on your website: publish the form, open the More menu, choose Embed HTML, set the size and copy the code to paste into your page.
Quick answer
Open your form, publish it, then open the More menu and choose Embed HTML. Google Forms shows an HTML snippet with width and height fields. Click Copy and paste the code into your website's page editor. Set the width and height in pixels first so the form fits your page layout.
Steps at a glance
- Open Google Forms and create a blank form.
- Enter a form title.
- Write your first question.
- Click Publish, then confirm in the Publish form dialog.
- Open More and choose Embed HTML.
- Click Copy to copy the embed code.
Interactive demo
Summary
Google Forms can give you an HTML snippet for any form you create. Pasting it into a page shows the form inline, so visitors answer without leaving your site.
Step-by-step guide
Step 1
Create a blank form
Open Google Forms and, under Start a new form, click Blank form. The editor opens with an empty form ready to edit.
Step 2
Name your form
Click the Form title field at the top of the form and type a name, such as Customer Feedback Survey. Visitors see this title above the questions.
Step 3
Write your question
Click the Question field and type your first question. One question is enough to follow this guide, and you can add more later with Add question.
Step 4
Publish the form
Click Publish in the top right corner. A Publish form dialog opens so you can confirm.
Step 5
Confirm publishing
In the Publish form dialog, click Publish. The dialog shows that responders are Anyone with the link. The form is now live and you can return to the editor.
Step 6
Open the embed option
Click More (the three-dot menu) near the top right and choose Embed HTML. A dialog opens with the embed code.
Step 7
Copy the embed code
In the Embed HTML dialog, set the Width and Height in pixels if the defaults do not fit your page. Click Copy, then paste the code into the HTML of the page where the form should appear.
Why this matters
You have a sign-up or feedback form and want visitors to fill it in on your own page, not on a separate link. Copying the embed code lets you place the form inside the page where people already are.
Frequently asked questions
Do I need to publish the form before embedding it?
This guide published the form first, then opened Embed HTML from the More menu. The Publish form dialog showed that anyone with the link can respond.
Can I change the embedded form's size?
Yes. The Embed HTML dialog has Width and Height fields measured in pixels. Adjust them, then click Copy.
Related guides
Continue with more step-by-step guides for getting work done.
How to create a Google FormLearn how to create a Google Form from the Blank form option, name it, add your first questions, and reach the Publish step in a few clicks.
How to add conditional logic in Google FormsLearn how to add conditional logic in Google Forms by splitting a form into sections and sending each multiple choice answer to its own section.
How to make a quiz in Google FormsLearn how to make a quiz in Google Forms: turn on quiz mode, add a question, set the correct answer in the answer key, and publish your quiz.
Create interactive demos like this one — free, no coding required.
Start for free →