home > content management systems (CMS) > wix

Build a Contact Form for Your Google Site

Please read the tutorial below for instructions on adding an email form to your Google Site website. You can see a form we've added to a Google Site, here.

1. Create Your Form HTML

Before getting started, it is important that you have a piece of high quality form HTML code. The easiest way to create this is using a free form creation service such as myContactForm.com. There is a full tutorial for creating form code in myContactForm, here.

2. Go to Google Sites and Login to Your Account

a. Go to sites.google.com and enter your login information

Login to Your Google Site

3. Add the Form Code to Your Google Site

a. Click the link that allows you to edit your existing Google Site

Click the Link to Edit Your Google Site

b. Either click the name of an existing page to add a form to it or click the new page button.

Create a New Page or Edit and Existing Page

c. If you are creating a new page for the form, give that page a name and then click the Create button. If you are editing an existing page, you'll need to press the Edit button to add the form HTML to it.

Give Your Page a Name and Click the Create Button

d. Click the Edit HTML Source button

Click the Edit HTML Source Button

e. Open a new browsing window and navigate to myContactForm.com. Login to myContactForm.com

f. Click the Xtras Button next to your form

Click the Xtras Button

g. Click the Hosted Forms button

Click the Hosted Forms Button

h. Click the Enable Hosted Form button

Click the Enable Hosted Form Button

i. Select and Copy (CTRL+C or Right Click and Select Copy) the URL of the hosted form that is provided.

Copy the URL of the Hosted Form

j. Go back to the open Google Sites browser window. Enter into the HTML window the following code:

<iframe src="myhostedformurl"></iframe>

Replace "myhostedformurl" with the URL of the hosted form that you copied above.

Create an iFrame Containing Your Form Code

k. Click the Update button

4. Test Your Form

Open a web browser and go to the web page containing your form. Fill out the form and press the submit button to test it.

A demonstration form created using a Google Sites web site can be seen here.