Let’s get practical – Following are a few simple steps to help you create your feedback form using a form builder:
1- Make a plan. Decide on the data you wish to collect and the way you want your form to look and make a written plan. What data is important to you? Do you want to collect the form fillers name? is important for you to get his address? Do you want the user to categorize what the contact purpose is or will you be satisfied with him describing the purpose freely in a multi row free text field?
What would you need to do in order to nicely embed your form in your website? Would you want the form to have a certain background color? Font family and size? Would you want to add an image to the form?
These questions are important in order to decide on the fields you want to create.
2- Enter the form builder and set the form name and size in the form settings on the right.
on to the design area:
3- start dragging the elements:
Name field – Textbox element
- Drag a textbox for collecting the form filler’s name. Go to the element settings on the right and change its caption to “name”. Set the tab index number to “1″. Press on “apply”.
- Drag a label element and place it next to the textbox. Change its text in the label’s settings to “name”. Press on “apply”.
Email field – Email element
- Drag an email element for collecting the form filler’s email address. Place it below the name textbox you dragged earlier. Go to the element settings on the right and change its caption to “Email”. set the tab index number to “2″. Press on “apply”.
- Drag a label element and place it next to the textbox. Change its text in the label’s settings to “Email”. Press on “apply”.
Feedback Subject field – Textbox element- Drag a textbox element for the subject. Change its caption and tab index as you did in the previous elements.
- Drag a label element and place it next to the textbox. Change its text in the label’s settings to “subject”.
Feedback description field – Textarea element- Drag a textarea element for the message field. Change its caption and tab index as you did in the previous elements.
- Drag a label element and place it next to the textarea. Change its text in the label’s settings to “description”.
4- Add a submit button to the form
5- Save the form
6- Press on “preview” (in the general tobar-5th icon from the left) in order to check the form.
7- Publish the form in order to embed it in your website/direct people to it.
No comments:
Post a Comment