The Form Creation page allows you to add custom fieldsets or drag them into the Unused Fields box.
When fieldsets are rendered on the frontend, they will be separated into html
<fieldset> tag. Give each fieldset a custom
id value by click the and selecting
Options from the menu.
Each fieldset can have custom options such as
template. Click the and select
Options from the menu.
Template path is relative to your templates folder. So if you have placed
textarea.html in your
templates/forms/ just enter
/forms into the field. Form Builder will search for a file named
textarea and if not found will just use default.
Here’s a list of allowed fields with the Form Builder program + their template naming convention:
- Plain Text -
- Email -
- URL -
- Number -
- Color -
- Date / Time -
- Checkboxes -
- Radio Buttons -
- Dropdown -
- Multi-Select -
- Assets -
Global Form & Fields Settings
You have the option to add global
templates. First, click the icon to open settings and then click the Form Attributes tab to add a global class and id to your
<form> html tag. Click the Settings tab to add
class globally to all form inputs or create a global template folder.
Give your form a name and a unique handle. Then assign the form to a group and choose a status.
Until you enable a
Save to Database option, your submission will not be saved. Next, title each submission using the custom title format.
Notice the buttons on the screenshot? Those are form fields. Use them to dynamic titles but first, remember to save your form with fields so the buttons show up.
Configure form options, for example:
- Submit Button - Set custom text for the form button.
- Custom Redirect - Create a relative path to template files where you want users to be sent after submission (e.g., if you have a Thanks page in your
templates/jobs/thank-you.htmlfolder then enter
- Messages - If your form uses ajax to post submission, then you can update success and error messages here.
You have the choice between two protections and more will be added later.
- Honeypot - Enter random values.
- Timed - Enter a number in seconds form requirement before users can submit successfully.
o Add available integrations to your form. Once added, enter all the required settings for each integration. Find specific integrations and their settings here. .