How To Insert A Form In Your Page

Knowledgebase Article

How To Insert A Form In Your Page

1. Launch the Site Builder tool from your cPanel.

2. Go to the page where you want to insert the horizontal line.

3. Hover your mouse to 'Form' element then drag and drop it to your page.

4. Choose the style of form you'd like to add. You can choose a simple form or a more complex form block. All aspects of the form including fields and design will be customisable.

5. Select the form element. The Fields configuration on the right hand side will allow you to configure some simple fields for your form. Use the left side checkbox to add an additional field, and the right side checkbox to make them compulsory. You can add a certain number of simple fields, a message block, up to two options blocks and two checkboxes. The names of the fields can all be customised.

6. The Labels options allows you to specify the style of your Labels, which you can modify in your Styles settings (Config > Styles). You can additionally specify a width for your form labels.

7. Email Settings will allow you to specify the recepient email address of your form data. You can specify several email address separated by semicolon. You can also specify the subject of the form email and the form sent message here. Advanced users can also post the form data to an endpoint if data needs to be collected and stored.

8. If you want to use a different SMTP Server to send the emails, you can do so by ticking the 'SMTP Enable' box. You will then need to fill in the SMTP Host, port, username and password. This can be a Kualo email account, however to use SMTP to send the form email we will need to enable this on your account (you can request this via a ticket).

9. You can additionally enable Google Recaptcha protection. To do this you will need to register for a Google Recaptcha key. This can be a good idea if you start to receive junk communications via your form (i.e. automated bot submissions).

Forms can be nested in Layouts and styled to match your site design!

If you require more complex forms, you may also embed custom forms using the HTML Widget. You can then embed third party forms, such as TypeForm or JotForm, you can also embed newsletter subscription forms from your 3rd party newsletter provider.