Web Builder Help
Forms
Adding a form to your page will enable your visitors to easily contact you (even if they don't have their own email or are using a public computer where their email may not be configured). There are two form options enabling either the novice user to quickly insert a generic form or power users to make complex forms.
Please also see SETTING CONTACT FORM DESTINATION & THANK YOU PAGES
Insert Prebuilt Form with one click this puts a form like the one shown below.
Usage: Click in the editable area of your page where you wish the form to appear. Click the Insert Prebuilt Form icon and a place holder box saying 'CONTACT FORM' will appear. When you publish the page the form will become visible to visitors (you will always see the place holder when in the editor).
Please do not ask questions using the form below as it is only an example.
Create Custom Form enables power users to ask the exact questions they require. For many purposes the Prebuilt Form (above) is suitable and saves time.
Usage: Click in the editable area of your page where you wish the custom form to appear. Click the Create Custom Form icon. A dotted box and a Send Form button will appear on the page. This box is the form area and you can now insert text (your questions etc) and response boxes (for users to fill in). Click within the dotted box. Four new icons will now be visible on the toolbar (at the top of the editor). Each one relates to a different type of response option:
Text Box Single Line puts a small input box on the form. It is useful for things like name, telephone number etc.
Usage: Click within the dotted form outline where you want the input box to appear. Click on the Text Box Single Line icon. In the toolbar enter a text field name (the text field name is used to identify this input box to you - it is important the name is meaningful and unique). Only use characters A to Z and 0 to 9 in the field name and do not use any spaces or punctuation. Your visitors do not see the text field name. If you want the field to be compulsory then add a * at the end of the field name. Click the OK. An input box will now appear on the form. Your visitors will not know what to type in this box so you need to type something either before or after the box e.g. 'First Name:' If you are going to make more input fields then at the end of the line press Shift-Return (if you want to go down to the next line) or Return (if you want to start a new paragraph).
Text Area (multi-line text box) puts an input box on the form with up to 6 lines. Useful for collecting information like addresses or food allergy details, etc.
Usage: Click within the dotted form outline where you want the input box to appear. Click on the Text Area icon. In the toolbar enter a text field name (the text field name is used to identify this input box to you - it is important the name is meaningful and unique). Only use characters A to Z and 0 to 9 in the field name and do not use any spaces or punctuation. Your visitors do not see the text field name. Select the number of rows of text input you want. Click the OK button. An input box will now appear on the form. Your visitors will not know what to type in this box so you need to type something either before or after the box e.g. 'First Name:' If you are going to make more input fields then at the end of the line press Shift-Return (if you want to go down to the next line) or Return (if you want to start a new paragraph).
Check Box (tick box) puts a tickable box on your form. Useful for letting people select a range of options, e.g. dates they can attend an event or statements they agree with, etc
Usage: Click within the dotted form outline where you want the Check Box to appear. Click on the Check Box icon. In the toolbar enter a Tick Box name (the name is used to identify this input box to you - it is important the name is meaningful and unique). Only use characters A to Z and 0 to 9 in the tick box name and do not use any spaces or punctuation. Your visitors do not see this name. If you want the field to be compulsory then add a * at the end of the field name (useful for ensuring they agree to something). Click the OK button. An input box will now appear on the form. Your visitors need to know what the box is for (should they tick it or not), so you need to type something either before or after the box e.g. 'I agree to the terms and conditions'. You may want to make a whole line of tick box options. If you are creating a grid of boxes then you can use the Table function to help line everything up. Of course you can have just one Tick Box per line if you prefer. Once you've finished with Tick Boxes if you are going to make more input fields then at the end of the line press Shift-Return (if you want to go down to the next line) or Return (if you want to start a new paragraph).
Radio Button lets your visitors select one option from across a range of possibilities
Usage: Click within the dotted form outline where you want the Radio Button to appear. Click on the Radio Button icon. Radio Buttons are different from the other input types as they operate as a group. Only one member of the group can be selected at a time. Below you will find an example of Radio Buttons. In the toolbar enter a Radio Button Group. When entering the group and value only use characters A to Z and 0 to 9 and do not use any spaces or punctuation. Your visitors do not see this information. Note this name must be typed exactly the same for all buttons in this group and must be unique on the form. If asking peoples' age then call the group Age. Next enter the Value for this particular button (each button will have a unique value (in the example of ages the value could be 0to12 for the first button). Click the OK button. A Radio Button box will now appear on the form. Your visitors need to know what the button is for (should they click it or not), so you need to type something either before or after the button e.g. '0-12'. Create as many Radio Buttons as required for your group (always using the same Radio Button Group name). You may want to make a whole line of Radio Buttons. If you are creating a grid of options then you can use the Table function to help line everything up. Once you've finished with Tick Boxes if you are going to make more input fields then at the end of the line press Shift-Return (if you want to go down to the next line) or Return (if you want to start a new paragraph).
Setting Contact Form Destination & Thank You Page
To access the form settings go to Edit Site -> Edit Pages and Options next to the relevant page (note only admins can see the Options link), click on the "Contact Form" option. Set the form options as appropriate.
Destination Email
When a visitor sends a contact form from on your website it is delivered by email. You can set the destination address on a per page basis. Carefully enter the email address where you wish the contact forms to be sent. If you enter a wrong address then forms may not be delivered correctly. Click Save Changes.
Page Destination
After submitting a form by default the visitor is taken back to your home page. However you can send them to any page you like. To be a bit more friendly to your visitors why not create a page called Contact Thank You and add some text to it such as 'Thank you for your enquiry. If you provided your contact details we will respond to your message as soon as possible". Then in the setting box click on the Page On This Site option and choose the Contact Thank You page from the drop down list, then click Save Changes. Note if your Contact Thank You page does not appear in the list then you probably have not yet put any content on it (do that first).