How to Add a Form

Having a Form on your website makes it easy for your visitors to connect with you and your business — whether it’s for sending feedback, asking queries, or any other purpose.

Add a Form on your website and customise it using the steps below:

  1. Log In to access the Sitebeat dashboard.
  2. Under My Sites, click the Edit Site option of the website that you wish to manage.
  3. On your Site Editor, click Build from the left-side menu, and then drag and drop the Form item onto an available placeholder on your website.
  4. Hover your mouse pointer over the Form Feature, and then click the Edit button on its top-right corner.
  5. Customise and manage the following under the Layout tab on the pop-up box:
    Add a Form Field Click Add Form Field, and then select the type of field you want to add.
    Edit a Form Field Hover the mouse pointer over the field item and click Edit.

    Edit the display information on your actual Form on the fields provided. Enable Split if you want to have separate fields for first name and surname. Enable Required Field if you want to strictly require each field to be filled out. Click the [←] Back Icon to return and edit other fields.
    Remove a Form Field Hover your pointer over the field item, and then click the [x] Delete Icon.
    Reorder Form Fields Click on a field item then drag it up or down.
  6. Click the Settings tab on the pop-up box to set a Form Name and a receiving email address where all the Forms will be sent to.
  7. Click the Advanced tab on the pop-up box to set the following:
    On Submit This is the display message that appears after a website visitor submits a Form.

    Edit the Title and Description fields to customise the display message.
    Other Settings Click to enable or disable these additional settings for your Form:

    • Placeholders — Enable to show a greyed-out description within each field, to help visitors provide correct information.
    • Split Form by Two Rows — Enable to split the Form fields into two rows and have shorter fields.
    • Custom Validation — Enable to create a validation rule that checks and controls whether the value entered is correct or not. Once enabled, go back to editing each Form field to set the validation rules.

Other Actions:

  • To Move a Form, hover your mouse pointer over it. Click the moving tool on its upper edge, and then drag and drop it onto a different placeholder on your page.
  • To Resize a Form’s, hover your pointer over its left or right edge. Click the [↔] Arrow Icon that appears, and then drag it sideways. It will automatically follow its fixed aspect ratio when resized.
  • To Delete a Form, hover your pointer over it, and then click the [x] Delete Icon on its top-right corner.

Hit the play button below to view the quick start guide we've prepared for you:

You can also check out more video guides by visiting our YouTube How-To Playlist.

Was this helpful?
88% of people found this helpful.