Form fields administration area
Path / Administration areaInteractive extensionsForm fieldsThe Form fields extension lets you create custom fields that are used to build the form clients complete when making a booking request.
Create a form field
To create a new form field, navigate to the Form fields page in the administration area, then click the Add a new form field button at the top of the list.
Once you've added a new form field, select the field type you want to use from the list provided.
Passive preview The preview above is passive and intended for display only. It does not allow interaction or changes.
Main settings
Main data
Path / Administration areaInteractive extensionsForm fieldsForm field configurationMain settingsMain dataThe Main data section includes the standard settings for a form field, such as its name, label or requirement status, depending on its type.
Text
If you select this form field type, a regular text input will be added to the form. This type is typically used for fields such as name, surname, company or city.
Interactive preview The preview above is fully functional and behave exactly like in the admin area.
1NameAdd or change the name of the form field. Only you can view this, and it is intended for administration purposes.2Enable translationEnable this option to display translation settings for all form field inputs that support it.3LabelEdit this field to create a label for your availability extension. This is what your clients will see.3aLabel translationEnter the translated version of the label. To select the language you want to translate, click or tap the flag icon next to it. This is the label your clients will see when they choose that language.4Field is mandatory.By default, the form field is optional. However, if this setting is enabled, the field becomes mandatory.5Equivalent in billing addressSelect the equivalent of this field in the billing address form. This may be required for some payment gateways.6Maximum sizeSet the maximum number of characters allowed in this form field.7Allowed charactersSet the characters that are allowed to be entered in this form field.
Textarea
If you select this form field type, a large text area will be added to the form, usually used for comments or messages.
Interactive preview The preview above is fully functional and behave exactly like in the admin area.
1NameAdd or change the name of the form field. Only you can view this, and it is intended for administration purposes.2Enable translationEnable this option to display translation settings for all form field inputs that support it.3LabelEdit this field to create a label for your availability extension. This is what your clients will see.3aLabel translationEnter the translated version of the label. To select the language you want to translate, click or tap the flag icon next to it. This is the label your clients will see when they choose that language.4Field is mandatory.By default, the form field is optional. However, if this setting is enabled, the field becomes mandatory.5Maximum sizeSet the maximum number of characters allowed in this form field.6Allowed charactersSet the characters that are allowed to be entered in this form field.
Dropdown 2
4
5
This field type allows you to select a single or multiple options.
1
3
3a
Dropdown options Add a new option No options are set Click to add a new option Tap to add a new option
- ffo6854fd477b13ap7b8nmrii0goyrcf
- ffo6857e69251c45ldw6t6cyc7j3l05k
Interactive preview The preview above is fully functional and behave exactly like in the admin area.
1NameAdd or change the name of the form field. Only you can view this, and it is intended for administration purposes.2Enable translationEnable this option to display translation settings for all form field inputs that support it.3LabelEdit this field to create a label for your availability extension. This is what your clients will see.3aLabel translationEnter the translated version of the label. To select the language you want to translate, click or tap the flag icon next to it. This is the label your clients will see when they choose that language.4Field is mandatory.By default, the form field is optional. However, if this setting is enabled, the field becomes mandatory.5Select multiple options.Enable this option to allow users to select multiple options from the form field simultaneously.
To create a new dropdown option, click the Add a new option button at the top of the list.
The option nameThe unique ID for the optionClick or tap, then drag and drop to reorder options. Items higher in the list are applied first.Click or tap to delete the option.Click or tap to expand or collapse the option administration section.
Path / Administration area...Dropdown optionsDropdown optionOption data Interactive preview The preview above is fully functional and behave exactly like in the admin area.
1NameAdd or change the name of the option. Only you can view this, and it is intended for administration purposes.2Enable translationEnable this option to display translation settings for all option fields that support it.3LabelEdit this field to create a label for your option. This is what your clients will see.3aLabel translationEnter the translated version of the label. To select the language you want to translate, click or tap the flag icon next to it. This is the label your clients will see when they choose that language.
Email
The email field is similar to a text input, but requires the content to be a valid email address.
Interactive preview The preview above is fully functional and behave exactly like in the admin area.
1NameAdd or change the name of the form field. Only you can view this, and it is intended for administration purposes.2Enable translationEnable this option to display translation settings for all form field inputs that support it.3LabelEdit this field to create a label for your availability extension. This is what your clients will see.3aLabel translationEnter the translated version of the label. To select the language you want to translate, click or tap the flag icon next to it. This is the label your clients will see when they choose that language.4Field is mandatory.By default, the form field is optional. However, if this setting is enabled, the field becomes mandatory.5Equivalent in billing addressSelect the equivalent of this field in the billing address form. This may be required for some payment gateways.
Phone
This field allows users to enter a phone number and can validate the input to ensure it follows a valid phone format.
Interactive preview The preview above is fully functional and behave exactly like in the admin area.
1NameAdd or change the name of the form field. Only you can view this, and it is intended for administration purposes.2Enable translationEnable this option to display translation settings for all form field inputs that support it.3LabelEdit this field to create a label for your availability extension. This is what your clients will see.3aLabel translationEnter the translated version of the label. To select the language you want to translate, click or tap the flag icon next to it. This is the label your clients will see when they choose that language.4Field is mandatory.By default, the form field is optional. However, if this setting is enabled, the field becomes mandatory.5Equivalent in billing addressSelect the equivalent of this field in the billing address form. This may be required for some payment gateways.
Country
As the name suggests, this field creates a dropdown from which you can select a country.
Interactive preview The preview above is fully functional and behave exactly like in the admin area.
1NameAdd or change the name of the form field. Only you can view this, and it is intended for administration purposes.2Enable translationEnable this option to display translation settings for all form field inputs that support it.3LabelEdit this field to create a label for your availability extension. This is what your clients will see.3aLabel translationEnter the translated version of the label. To select the language you want to translate, click or tap the flag icon next to it. This is the label your clients will see when they choose that language.5Equivalent in billing addressSelect the equivalent of this field in the billing address form. This may be required for some payment gateways.6Default countrySelect the default country to be displayed in the dropdown.
Actions
Path / Administration areaInteractive extensionsForm fieldsForm field configurationMain settingsActionsIn the Actions section you can duplicate or delete a form field.
Advanced settings
Path / Administration areaInteractive extensionsForm fieldsForm field configurationAdvanced settingsPath / Administration area...Dropdown optionsDropdown optionAdding Availability, Schedule and Conditions lets you create a dynamic form that defines when form elements apply and how they adjust to booking dates, request times or custom rules.