home > html editors > coffeecup

Embed Contact Forms Using HTML-Kit

The steps for adding an email form to an HTML-Kit website are outlined below. Please note that this tutorial was created using HTML-Kit Build 292. The procedure may vary slightly if you are using a different version.

1. Create Your Form HTML

To get started, visit myContactForm.com and generate your form HTML code using their free form creation software. This process is desribed in our tutorial here.

2. Open HTML-Kit

Start HTML-Kit 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, go to File > Open File (or press CTRL+O).

4. Add the Form HTML to Your File.

a. Click Editor tab to make sure you are in Editor mode.

b. Click the spot within the HTML code where you would like to insert your form.

c. Paste the form HTML into the code (Edit > Paste, or CTRL+V, or Right Click and Select Paste). If you do not have your form code created and copied, please read this tutorial to learn how to do so.

d. Click the Preview tab and make sure the form looks correct.

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 which FTP client you use to upload your website.

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 HTML-Kit can be seen here.

Common Problems Encountered by Users:

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