How do I use the Form widgets?
This article applies to 123 Reg Website Builder packages
This will show you how to add a Contact Form to your website. This is a great way to open up a line of communication with your visitors. Setting up a contact form allows visitors to your site to fill out a form which is then sent to an email address you specify.
Please note: This feature is applicable to Website Builder Version 6, Website Builder Version 7 and Website Builder Version 8.
If you are unsure which set of instructions to follow, you can check your version using this FAQ.
Click on the choices below to see the instructions that suit your version:Top
Website Builder 6
Adding a form to your Website Builder website allows you to have captured data sent to you via email or stored online to retrieve later. There are lots of applications for a form and the extensive customisation that it offers means you can suit it to the purpose of your website. Below we will go through how to add and edit a form.
Step 1 of 8Under the Form section of the Widgets you see the Form Widget – drag and drop this where you want it on your page.
Step 2 of 8Give your form a Name and if you wish to receive a notification every time a form is submitted to an email address of your choice, enter the Email Address in the Email box.
Step 3 of 8Now you have a form created you need to use the other widgets within the Form tab to build it. To do this simply drag and drop the forms elements into the form widget.
Step 4 of 8You can then edit the widgets you’ve added by selecting the form widget and clicking on settings in the toolbar that appears – then hover over the widget you want to edit and click on settings again for the particular element.
Step 5 of 8In the settings of the widget you can change the Name & Description which appear in-front of the text box.
Step 6 of 8
The Validation tab is where you can set-up rules. These are rules that the user submitting the form must abide by to submit the form – for example, here I have set name as a Required Field. This means it must be filled in for the form to be submitted.
You can also add an Error Message that will appear if the validation rule isn’t met. For example: “You must complete this field” - Once finished click OK
Step 7 of 8You use the same process for all the form widgets. Below I have added a Select box where you can set what answers can be given by providing the user with a drop down selection. When complete, click the OK button.
Step 8 of 8To view the data your visitors leave, click on the settings icon for the widget, and then click on the database tab. This will display the data, and allow you to export it.
Website Builder 7
Step 1 of 3From the Business section of the Add Content panel, click and drag the Form widget to the area of the page you wish to display your widget.
Step 2 of 3Click on the widget to open the settings panel.
Step 3 of 3Here you can change the settings for the form. You can change the text in the button the customers use, the email address the message gets sent to, the title of the email that gets sent, and you can even specify a success page for when the message is sent.
Please note:You can also add forms from third party websites such as Jotform.com and Wufoo.com using the embed tool.
Find out more about how to add forms and other widgets to your page by using the embed tool.Top
Website Builder 8
Step 1 of 3Open the widgets menu from the left hand tool bar, then drag and drop the Contact Form widget from the Business or Popular section of the widgets panel.
Step 2 of 3From the content tab, you are able to customise the fields and messaging on your form. This will allow you to gather the data you want from your visitors, and ignore the data you don’t want to gather. You can also add a CAPCHA verification to ensure you only get submissions from real people.
Step 3 of 3Contact forms come with some pre-set designs that you can further customise to get them to suit the look and feel of your page. Click on the design tab to get started.