Here's how to create your first contact form and test it.

Follow these steps:

• Login with a Site Admin username and password
• Open Admin/Contact Form Management
• Click the button
• Add a descriptive Name for your form. In this case 'Simple Join Enquiry'. See Fig. 1
• Add an extensive Description to note what fields/sections the form includes and how it can be used
• Select a Form Usage that best describes what the form is being used for. In this case, select 'Youth/Adult Application Form'
• In Section 1, set No. of Columns to 2, to show 2 columns of fields
• Click the 3 times, to show 4 fields on your form to setup as follows:

• Field 1 - Child's Name:
  • Set the Field Type to 'Single Line Text Field'. See Fig. 2
  • Enter 'Child's Name' in the Field Name
  • Tick Applicants Name
  • Tick Mandatory Field
• Field 2 - Date of Birth:
  • Set the Field Type to 'Date'
  • Enter 'Date of Birth' in the Field Name
  • Tick Mandatory Field
• Field 3 - Parent's Name:
  • Set the Field Type to 'Single Line Text Field'
  • Enter 'Parent's Name' in the Field Name
  • Tick Form Submitter First Name and Surname to use in an auto-reply message merge field
  • Set Column No to 2, to show the field in the right-hand column
  • Tick Mandatory Field
• Field 4 - Parent's Email Address:
  • Set the Field Type to 'Single Line Text Field'
  • Set the Field Type to 'Email Address'
  • Enter 'Parent's Email Add' in the Field Name
  • Tick Form Submitter, so that the form knows where to send any auto-reply message to
  • Set Column No to 2, to show the field in the right-hand column
  • Tick Mandatory Field
• Move to the top of the form and click
• Click the button to view your form. See Fig. 3
• Click the to change your form and experiment with the fields
• See how to add your form to a new or existing page here

You can use the Creation Wizard to create a new form.

To do this, follow these steps:

• Login with a Site Admin username and password
• Open Admin/Contact Form Management
• Click the button
• Add a descriptive Contact Form Name. In this case 'Simple Join Enquiry'
• Select the No. of Sections. In this case, choose 2.
  You will notice that more fields will be displayed.
• In Section 1:
  • Clear the Section Title, as we don't want to display a title for this section
  • Set No. of Columns to 2
  • Set Fields in Column 1 to 2
  • Set Fields in Column 2 to 2
• In Section 2:
  • Clear the Section Title, as we don't want to display a title for this section
  • Set No. of Columns to 1
  • Set Fields in Column 1 to 1
• Click the button to see what your form would look like. See Fig. 2
• Close the preview panel
• Click the button to save your form, and open it up for editing.
  You could setup the first four fields to match settings shown on the right-hand side of the Create a Simple Contact Form Use Case.
• Or click the button to abandon your form.

Any Contact Form module that you see on your website can display any contact form template. You can also add a Contact Form module to your own pages.

NB. Do not use the /Links/ContactFormTester page, that you used to for the , for links, as this page will change when another contact form is tested.

To do this, follow these steps:

• Login with a Site Admin username and password
• If you want to add a link to your new form on a Links List module, create a new page, using the Page Designer and add a Contact Form module
• Click the settings below the module and override the default settings (see here)
• Click the button
• Select your contact form in the Form Type field. See Fig. 1
• Click to keep your changes or to abandon your changes
• For more information, see the Contact Form module's Change the Form Type use case

Fields on your form may be moved up and down.

To move fields within a 'Section', follow these steps:

• Login with a Site Admin username and password
• Open Admin/Contact Form Management
• Click the to change your form
• Scroll down to the field to move
• Use the or button next to the field you want to move
• Click to keep your changes or to abandon your changes

To move fields between 'Section', you will need to merge the two sections, move the field, copy the Section and delete the unwanted fields from each Section. You may find it easier to simply add a new field manually. However, if you do want to do this, follow these steps:

• Click
• Click the button on the lower of the two sections that you want to move the field between
• Use the or button next to the field you want to move
• Now make a copy of the section by clicking the
• Use the button to remove the fields from each section that you want to retain in the other section
• Click to keep your changes or to abandon your changes

Form Sections can be used to separate collections of fields.

You may want to do this to:

• Switch between 2 columns wide and 1 column wide
• Prompt user to click between logical sections
• Jump between sections depending on an option selected

To do this, follow these steps:

• Login with a Site Admin username and password
• Open Admin/Contact Form Management and your form
• To add a section below the current section, click
• Use the or button at the top of a section to move the section
• If you'd like to show a title for a section, fill in the Section Display Title
• Fill in Introduction Text to show more text at the top of a section
• Select the No. of Columns to show in the section
• If you'd like to prompt the user to click before displaying the sections, select 'New Block' in the Display Block field. Otherwise set it to 'With Previous Section'.
• If you'd like to show a title for a section, fill in the Section Display Title
• Sections with a Bookmark Value field set will only be displayed when a website visitor selects an an option in a 'Drop Down List Selection', 'Multiple Choice' or 'Multi-Select List' field that has that Value set, and the selection field has Move Section ticked.
  This can be used to display different questions depending on an option that the website visitor selects.
• Click to keep your changes or to abandon your changes

A booking form can be added to an event to take online bookings. You can create a new event booking form to capture all the information you require.

To create a new event booking form, follow these steps:

• Login with a Site Admin username and password
• Open Admin/Contact Form Management
• Click to add a new form
• Enter a Name for your form
• Add an extensive Description to note what fields/sections the form includes and how it can be used
• Select 'Event Booking Form' in the Form Usage field
• In Section 1, add the following fields:
  • 'Your Name' - Single Line Text Field with both Form Submitter fields ticked and Mandatory ticked
  • 'Group' - Drop Down List Selection + List of Group
  • 'Email' - Email Address field with Mandatory ticked
  • 'Tent Reqd' - Multiple Choice + Manually Created List with options for Yes and No, and tick Mandatory
  • 'Dietary Requirements' - Multi-Line Text Field
  • 'Other Requirements' - Multi-Line Text Field
• Click to keep your changes or to abandon your changes

Create a New Event:

• Open Admin/Event Management and click
• Fill in the event 'Header Details' and move to the 'Bookings' tab
• Select your new form in the Booking Form field. If you don't see it in the list, make sure that you selected 'Event Booking Form in the Form Usage field, and you saved your form.
• Select your name in the Recipient field, so that the resulting form is emailed to you
• Move back to the 'header Details' tab and click

Find your new event in an events list, open it to see your form and make a test booking

You can setup your contact form so that it sends a copy of the form to the person who filled it in.

To do this, follow these steps:

• Login with a Site Admin username and password
• Open Admin/Contact Form Management and your form
• Add a field with the Field Type of 'Email Address'
• Tick the Form Recipient field so that the form is sent to this email address as well as those setup in the Contact Form module's recipients list
• Click to keep your changes or to abandon your changes
• You should also clear the Auto-Reply Email Confirmation Message field in the Contact Form module so that it doesn't send them two emails. See here.