A “Form” page/section enables you to set up a custom form to gather information from your visitors and users. The information is gathered through textfields, checkboxes, radio buttons, drop-down menus, and other interface items, which you specify, and sent to an email address of your choice. Submissions are stored in the database and can be viewed in the backend administration. The form may optionally contain a captcha, to help avoid spamming.
The Form Editor has two main buttons - “Add Field” and “Settings” - as well as 2 sub-sections - “Modify/Delete Field” and “Submissions”.
A very simple contact form
Click this button to add an interface item to your custom form. Once clicked, your options will be:
When should you use a Radio Button Group, and when should you use a Select Box instead?
The rule-of-thumb is, that if there are more than 3 options available, you should use a Select Box.
Once you have clicked the “Save” button for the first time, additional options appear depending on the type of field you chose.
If an item is marked required, the form is not going to be submitted, unless the user has entered (correct) information or made a selection.
Click this button to configure the functionality of your form. Once clicked, your options will be:
The use of captcha verification is defined in "Admin-Tools -> Captcha and Advanced-Spam-Protection (ASP) Control", e. g. the type of captcha and Advanced Spam Protection (ASP), which is a spam protection function invisible for humans.
Email clients offer the function of defining rules or filters, which automatically handle emails sent by your website's form and emphasize or file them for example, based on the email subject. See your email client's documentation for details.
Almost all modules for modern versions of WebsiteBaker (2.7 and higher) offer the function to edit backend.css to change the layout of the backend part of the module and frontend.css for the frontend layout. WebsiteBaker provides you with the comfortable Editarea editor, which contains amongst others syntax highlighting which helps avoid sources of errors. Some css experience can be useful however.
Use the “Modify/Delete Field” list to reorder, edit or delete the items of your form.
To edit the settings of an existing item, click on its leftmost “Settings” icon or its title.
To delete an item, click on its rightmost “delete” icon.
To move an item up or down in the form, click the item's “up” or “down” icon.
The "up" and "down" icons of every item
The list in this section will contain the submissions of users and visitors who have used your form. Only a defined number of submissions is stored in the database – by default, 100. You can change this number in the form's Settings.
You can use the list to view and delete the submissions received.
To view a stored submission, click the “Submission Folder” icon.
To delete a submission, either click the “delete” icon rightmost in the submissions list , or, while viewing the submission, click the “Delete” button.