How to insert a form in your page

Add a contact form to any page in ProSite's Site Builder by dragging in the Form element and configuring it to suit your needs.

Adding the form element

1. Launch the Site Builder tool from your cPanel.
2. Navigate to the page where you want to insert the form.
3. Hover over the Form element in the element panel, then drag and drop it onto your page.
4. Choose the style of form you would like to add. You can choose a simple form or a more complex form block. All aspects of the form, including fields and design, are customisable.

Configuring form fields

5. Select the form element. The Fields panel on the right-hand side lets you configure the fields for your form. Use the left-side checkbox to add a field and the right-side checkbox to make it compulsory. You can add a number of simple fields, a message block, up to two option blocks, and two checkboxes. All field names can be customised.

6. The Labels option lets you specify the style of your labels, which you can modify in Config > Styles. You can also set a custom width for your form labels.

Setting up email delivery

7. Under Email Settings, enter the recipient email address where form submissions should be sent. Separate multiple addresses with a semicolon. You can also set the email subject line and the confirmation message shown to the user after they submit the form. Advanced users can post form data to an external endpoint if it needs to be collected and stored elsewhere.

8. If you want to send form emails via a specific SMTP server, tick the SMTP Enable box and fill in the SMTP host, port, username, and password. You can use a Kualo email account for this, but SMTP sending must be enabled on your account first - open a support ticket to request this.

Adding spam protection

9. You can enable Google reCAPTCHA to protect your form from automated bot submissions. To do this, register for a Google reCAPTCHA key and enter it in the reCAPTCHA settings.

Styling and layout

Forms can be nested inside layouts and styled to match your site design.

Using third-party or custom forms

If you need more complex forms, you can embed them using the HTML Widget. This lets you add third-party form tools such as Typeform or JotForm, as well as newsletter subscription forms from your email marketing provider.