Creating Forms using TF Page Builder

TF page Builder comes with the easy-to-use form builder which supports almost all the standard fields. You can create all types of forms such as contact form.

There are two steps in creating a form:

  1. Creating form fields
  2. Creating form and adding fields to it

1. Creating Form Fields

From the dashboard, navigate to the Forms page.

  1. Click "New" to create a new form field.
  2. Select the type of field (like Text, Email, List and so on)
  3. Title: Enter the title of the field. Title is also used as the label.
  4. Description: You can enter the help text for the field.

1.1 Options Tab

Name: Enter the name (in lowercase) of the field.

Required: Is the field required?

Default Value: Enter the default value for the field, if required.

Placeholder: Enter the placeholder or hint for the field.

2.2 Content Tab

This is specific to the field type. Check out the field guides for more details:

  • Calendar
  • Checkboxes
  • Email
  • File
  • Integer
  • List
  • Note
  • Number
  • Radio
  • Range
  • Telephone
  • Text
  • Text Area
  • Url

2. Creating Form

Create a new element of type: Form

2.1 Content Tab

Here, add the field for the form.

2.2 Styles Tab

Redirect URL: Enter the url users will be redirected to after submitting the form

Redirect Message: Enter the message that will be displayed after submitting the form.

Recipient Email: Enter the email address where details of the form submission will be sent.

Email Subject: Enter the subject of the email.

Button Text: This is the submit button caption text.

Button Class: This is the css style for the submit button.