username

Password


Sign Up

"123ContactForm has provided me a wonderful service, which made me breath easy about the forms on my website. It is an easy, hassle-free, simple yet..." - Merog Chaitanya

More testimonials

Beginner's guide to creating HTML forms

Due to the fact that many users of our services are absolute beginners, with little or no knowledge about HTML and HTML forms, we decided to create this guide, which should make them understand how to create and use the html forms.

In the following steps, please replace YOURSITE with the URL of your site (eg. http://www.yoursite.com) , YOUREMAIL with your real email address (eg. contact@yoursite.com) and YOURCONTACTPAGE with the page where you want to put the contact form (eg. http://www.yoursite.com/contact.html). We will create the simplest form possible, and put it on your site, on YOURCONTACTPAGE.

Step 1: If you haven't done it already, sign up for a free 123ContactForm account.
Step 2: Login your 123ContactForm account, using the username and password you have chosen.
Step 3: Click the "Create new form" link.
Step 4: In the page that is displayed, set the Form Name to "My Contact Form" (without the quotes), the Email Address to YOUREMAIL, and Webpage To Display After The Form Is Complete to YOURSITE. Then click the "Save Form" button.
Step 5: You will be taken to the Edit Fields page. For this simple form, you won't customize anything, so click the "Next" link.
Step 6: You will be taken to the Get HTML Code page. Click the second "Select text" button. Then, having the text selected, press the CTRL+C keyboard combination. At this point, the form's HTML code will be stored in Windows' clipboard.
Step 7: Create a new file, using your favourite Web editor (eg. Microsoft Frontpage, CoffeCup HTML Editor, or even Notepad)
Step 8: Paste the HTML code of the contact form in this file, by pressing the CTRL+V keyboard combination.
Step 9: Save the file on your hard drive, as contactus.html
Step 10: Upload contactus.html to your server, using your favourite FTP Client (eg. GoFTP, FileZilla, SmartFTP)
Step 11: If you did all the steps correctly, when you open YOURCONTACTPAGE in the browser, the contact form should appear.
Step 12: Test the form, by filling all the fields and pressing the Send Email button. You should receive the email within seconds.

Now that you've created and tested your first contact form, it's time to customize your form so that it contains exactly the fields you want your users to fill. Don't forget to make it look like you site, because we all know branding is a must these days. Enjoy!