home > html editors > coffeecup

Use HTML-Kit to Make a Contact Form

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. Design and Prepary Your Form Code

To get started, visit myContactForm.com to design 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).

New Page

b. To open the page where you want the form, go to File > Open File (or press CTRL+O).

Open File

4. Add the Form HTML to Your File.

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

HTML Editor Screen

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

Code Screen

c. Paste the form HTML into the code (Edit > Paste, or CTRL+V, or Right Click and Select Paste).

Paste HTML Code

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

Preview Tab

Preview the Form

5. Save Your Form

a. Select File > Save (or CTRL+S).

Save Screen

6. Upload the New 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 ContactForm

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.

We've created a demonstration form using HTML-Kit which can be seen here.