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
3. Add the Form Code to Your Google Site
a. Click the link that allows you to edit your existing Google Site
b. Either click the name of an existing page to add a form to it or click the new page button.
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.
d. 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
g. Click the Hosted Forms button
h. 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.
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.
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.