home > content management systems (CMS) > wix

How to Add Email Forms to Your Google Sites Website

Google Sites is a powerful website authoring tool that is easy to add email forms to. The steps for doing this are outlined below.

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

1. Create Your Form HTML

The first step in integrating an email form into your website is to build the actual HTML code for the form. The easiest and quickest way to create the form code is to use myContactForm.com.

myContactForm.com features a free online wizard that steps you through the entire form building process. myContactForm.com has just about any feature you could ask for including auto-responders, CAPTCHA, file attachements, CSS styling, data exports (Excel, CSV, Text, HTML, etc.), pre-made templates, and much more.

Click Here to read a tutorial on creating the form HTML using myContactForm.com.

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.