Adding Forms with Website Builder
A Web page form allows users to input and submit data, such as order information or user information. When a user submits the form, it is sent to the email address specified on the Website Settings page by default.
NOTE: You can specify an email address different from the one on the Website Settings page. For more information, see Specifying the Email Address a Website Builder Form Uses.
Forms include form elements, where users input their data. There are several types of form elements:
- Text box - Allows users to enter a line of text.
- Text area - Allows users to enter multiple lines of text.
- Radio button - Allows users to select an option from a group of options. Radio buttons are shown as circles with space in the center for a dot that indicates the radio button has been selected.
- Checkbox - Allows users to select multiple options from a group of options. Checkboxes are shown as squares with space within the borders for an X that indicates the checkbox has been selected.
- List - Allows users to select an option from a group of options. Lists are shown as a drop-down list or a list box.
- Button - Allows users to click a button to call JavaScript code. For example, by clicking the Submit button, the user calls the JavaScript code that submits the form.
Using Website Builder, you can add a blank or prepared form to a Web page. Website Builder forms are designed to submit information from users in an email message sent to the email account you listed in your Contact Information. You can edit and customize the form and form elements to your specifications.
To Add a Prepared Form to Your website
The available forms are: Contact Form and Loan Application. The Contact Form allows users to submit their contact information and comments. The Loan Application allows users to submit data for obtaining a loan.
- Log in to your Website Builder account.
- From the Design menu, click Page Designer .
- If necessary, from the Select Page list, select the page you want to edit.
- Click the block you want to edit. Blocks are outlined in blue.
- Position your cursor where you want to add your form.
- Go to the Insert tab, move your mouse over Forms, and select the form you want to insert.
To Preview Your Form
- Add the form using the steps in the procedure above.
- Click Preview.
To Add a Blank Form to Your website
You can add a blank form to your website, specifying the details for it by inserting form elements and customizing those elements. When you add the form, Website Builder includes a Submit and Reset button. You can keep these or delete them and add different form elements.
- Log in to your Website Builder account.
- From the Design menu, click Page Designer .
- If necessary, from the Select Page list, select the page you want to edit.
- Click the block you want to edit. Blocks are outlined in blue.
- Position your cursor where you want to add your form.
- Go to the Insert tab, move your mouse over Forms, and select the form you want to insert.
Note: You can edit the form by editing or deleting the buttons, and you can add a different form element to the form. For more information about adding form elements, see Adding Form Elements
To learn more about creating forms, see http://www.w3schools.com/html/html_forms.asp.
To Preview the Form
- Add the form using the steps in the procedure above.
- From the File menu, click Preview.
