email form builder

creating an email form is easy

how to create a contact form

Posted by amywe on October 7, 2008

 

A Contact form is the most common website form and though it will mostly evolve programming or the hiring of a  programmer in order to add such a form to your website, there is a more economical and simple solution especially for those who have no programming skills.   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 By using a WYSIWYG email form builder an inexperienced user can create the most beautiful forms to suit his/her needs.

 

A contact form usually consists of the following fields:

First name, last name, company, title, contact purpose, telephone number, email address and of course the message. One may add or subtract fields at any time, the important thing is to make the fields you need the most mandatory (so you will not end up with a message that does not contain the person’s email/phone number to get in touch with…).

Steps for creating such a form using a form builder are:

 

  

 

1-     enter the form builder designer
2-     drag the elements on to the design area.

use the “label” element for the texts which sit next to each element.

drag elements

drag elements

 

 


3-     Change the label text so the form filler will understand what field he/she is looking at 

change label text

change label text

4-     Change the caption of the element. This is the name of the element in the form and this name will later appear in the emails, data management report etc.

 

 

change element caption

change element caption

 

 

 

 

5-    

Do so with all elements
change text/caption in all elements

 

6-    

Align the elements and labels and widen the “textarea” element so it will present more text. You may
also  play with the other lement’s width/hight.

align elements

align elements

 

 

 

7-     Change the form’s background color using the color list above.

change background color

change background color

 

8-    

Give the form a name and determine its width and height.

change form size and give it a name

change form size and give it a name

 

 

9-     Save the form.

 

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>