Insert a form

A form is very useful for creating fields where someone browsing your website can enter information into. Then, when the user clicks the Submit button, the information that has been entered by the user will get emailed to you.

The most common use of this is a Contact form where a user can ask a question or leave some comments or suggestions for you.

In this example, we will create a Contact form and a Thank You page. A Thank You page is needed for when your user clicks the submit button on your form, they can get redirected to a page that thanks them for their comments or questions.

 

  1. Right click on the page you wish the contact page to be located after and select New Page.

  1. Enter Contact for the Page Name and select After.

  2. Click OK.

  1. Type in a title on your page on the edit side of the screen and place your cursor below it.

  2. This is where we will create a form.

  3. Before we create the form, we should create a Thank You page.

  1. Right click on the Contact page and select New Page.

  1. Click Yes to save your Contact page.

  1. Enter Thank You for the Page Name, select As Child and click OK.

  1. Type in Thank You title on your page and enter some text thanking your user for visiting or for leaving comments. Whatever text you think is appropriate for the information you have collected from them.

  1. We also don't want the Thank You page to appear in any of your navigation links because you will want it hidden and only shown when a user completes your form.

  2. Right click on the Thank You page and select Properties.

  1. Click the Advanced button.

  1. Select Not using menus and click OK.

Note: the option "Not using menus" is for pages that you don't wish to show up in your navigation links.

  1. Let’s go back to the Contact page and add a form. Click on the Contact page.

  2. Place your cursor where you want the form to go and click the Add Form button on the toolbar.

  1. Enter the form name Comments and click the Browse button to locate your Thank You page.

  1. Locate your Thank You page, select it and click OK. The Action Link will be filled out now.

  1. Enter your email address where you want the form information to be emailed to you.

Note: You can add multiple email addresses by separating them with a comma.

  1. Highlight the first field so that you can insert a new field above it. In this example, we want to insert a new field above the Submit button.

  2. Click the Insert button.

  1. Enter "Your Name" to name your field and enter "name" to give the field an object name.

Note: It is best to keep the object name short and without spaces or special characters.

  1. In the Preview area click the Advanced button.

  1. Enter "30" for Character width. This will keep our fields looking the same width.

  2. Click OK.

  1. Click OK again on the Form properties screen.

  1. To add another field, click on the submit row and click Insert.

  1. Enter "Your Email" and object name "email".

  1. Click the Advanced button.

  1. Enter "30" for character width and click OK.

  1. Click OK again.

  1. Now we will add an open text area for a user to allow a user to type in multiple lines of text on your website form.

  2. Click on the submit row and click Insert.

  1. Enter "Enter your comments" and object name "comments".

  1. Select multi-line textarea.

  1. Click the Advanced button.

  1. Select "Top" for Vertical alignment. This will align the question to the top of the field. Enter "30" for Character width and "3" for Character height. This will create a longer box for a user to input their information.

  2. Click OK.

  1. Click OK again.

  1. Once you have finished adding the fields you need, click OK.

  1. If your fonts don't appear the same as what you have setup in Font Styles, hit enter after your text. This will place a paragraph <p> tag and will make your font appear how you like.

  1. In this example, you can place your cursor after "Your Name", hit Enter and then backspace back to where you were behind "Your Name".

Related Topics