How do I use the Contact Form widget?

This article will show you how to add a Contact Form to your website.

Setting up a contact form allows visitors to your site to directly enquire about your services by filling out a unique form, which is then sent to an email address that you specify.

Since this feature is available for multiple versions of our Website Builder tool, select your version from the list below and follow the instructions provided to get started:

If you’re not sure which version of Website Builder you have, you can find out by reading this article.

Please note: You can also add forms from third-party websites, such as Jotform.com and Wufoo.com, by using the Embed tool. For more information about this, please read our article: How do I use the embed widget on my Website Builder website?

Version 8

Step 1 of 4

Start by logging in to your Website Builder package.

 

Step 2 of 4

From there, select Widgets in the left-hand menu.

Select Widgets

 

Step 3 of 4

Scroll down to the Business section, and then drag and drop the Contact Form widget wherever you want it to appear on your page.

Select Contact Form widget

 

Step 4 of 4

A pop-up window will now appear where you can customise the content and layout of your contact form.

Under the Content tab, you can create new fields by clicking Add field and edit any existing fields by selecting its name within the window. You can also add reCAPTCHA verification to ensure you only get submissions from real people, and not bots.

Edit Form content

Under the Design tab, you can change the layout, alignment and colour of your form to match the overall style of your website.

Edit Form design

 

Version 7

Step 1 of 4

Start by logging in to your Website Builder package.

 

Step 2 of 4

From there, select Add Content, scroll down to the Business section and then drag and drop the Form widget wherever you want it to appear on your page.

 

Step 3 of 4

Click the widget to open its Settings panel.

 

Step 4 of 4

Here you can change the settings for the form, such as the button’s text, the email address your visitor’s message gets sent to, the title of the email and whether they’re taken to a ‘Success/Confirmation’ page when their message has been sent.

Once done, click Save to confirm your changes.

 

Version 6

Step 1 of 8

Start by logging in to your Website Builder package.

 

Step 2 of 8

From there, select Widgets in the left-hand menu and open the Form section.

Find the Form Widget, and then drag and drop it wherever you want it to appear on your page.

 

Step 3 of 8

Give your form a name and enter your email address into the provided fields. Once done, click Create Form.

 

Step 4 of 8

Now that you’ve created your form, you’ll need to build it. This can be done by dragging and dropping widgets such as Text Box and Select Box into your newly created space.

 

Step 5 of 8

You can then edit the widgets you’ve added by selecting the form and then clicking the gear icon that appears within the provided toolbar.

From there, hover your cursor over the exact widget you want to edit and select the gear icon again.

 

Step 6 of 8

By accessing the widget’s settings, you can change the name and description that appears before each text box.

 

Step 7 of 8

You can also create rules for your form by selecting the Validation tab. From here, you can specify what type of validation you would like each field to have.

For example, you could set the ‘First Name’ field as a Required Field and include an Error Message that appears if visitors don’t complete this field. Once finished, click OK to save your changes.

 

Step 8 of 8

To view the data your visitors have left, select your Form widget and then click the gear icon that appears within the provided toolbar to access its settings.

From there, select Database within the bottom menu. This will display all the data that has been collected so far.