home > html editors > microsoft frontpage
Creating Contact Forms with Microsoft Frontpage
Using Microsoft Frontpage to add an email form to your website can be accomplished quickly and without too much work. The steps for doing this are outlined below.
1. Create Your Form HTML
First off, please spend a few moments to generate your form HTML code. myContactForm.com (a free email form service) can be used to do this quickly and is outlined in the tutorial here.
2. Open Frontpage
Start Microsoft Frontpage as you would normally do.
3. Create or Open the Page Where you Want the Form
a. To create a new page, go to File > New (or press CTRL+N)
b. To open the page where you want the form to be, go to File > Open (or press CTRL+O)
4. Add the Form HTML to Your File
a. Using your mouse, move your cursor to the spot on the page where you would like the form.
b. Paste the form HTML into the code. In Frontpage you must do this by selecting Edit > Page Special. If you do not have your form code created and copied, please read this tutorial to learn how to do so.
c. A new Paste Special window will open. Select HTML Format and then click OK.
5. Save your Form
a. Select File > Save (or CTRL+S)
6. Upload Your Form
Upload the file containing your form to your web server. This procedure will vary depending on whether you are using an external FTP client or Frontpage's built-in client.
7. 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 Microsoft Frontpage can be seen here.
Common Problems Encountered by Users:
The web page is showing a bunch of jumbled HTML instead of a form.
When this occurs, it is caused by simply pasting your HTML as text into the Design View for your site. You need to either use Edit > Paste Special > HTML to insert your form code. Alternatively, you can paste the form HTML code into the Code View for your site.
I submit the form and get a form location error.
If you are using myContactForm.com, you will need to login and make sure that you've set the Form Location setting to the proper URL for your form.
a. Login to myContactForm.com
b. Click the Edit Button
c. Click the Basic Form Information Button
d. Enter all variations of the URL where the form will appear. Typically this is the full URL of your web form with and without the www subdomain. You can also use wildcards (*) in this setting. For examples using http://www.mydomain.com/* would allow the form to be placed on any page uploaded to mydomain.com.
e. Click 