Booking Form Custom Fields

Go to Hotel Booking > Settings click on the Forms tab and in the Custom fields tab you can add the following example form as a starting point:

[text required name="first_name" label="First Name" column="1/2"]
[text required name="last_name" label="Last Name" column="1/2"]
[text required class="shb-email-validation" name="email_address" label="Email Address" column="1/3"]
[text required class="shb-phone-validation" name="phone_number" label="Phone Number" column="1/3"]
[radio required name="radio_selection" label="Radio Selection" option="Option 1" option="Option 2" option="Option 3" column="1/3"]
[checkbox required name="checkbox" label="Check Boxes 1" option="Option 1" option="Option 2" option="Option 3" column="1/4"]
[checkbox required name="checkbox" label="Check Boxes 2" option="Option 1" option="Option 2" option="Option 3" column="1/4"]
[textarea name="optional_field" label="Optional field" column="1/4"]
[textarea required name="any_custom_fields" label="Add any custom fields" column="1/4"]

Form field types

There are 4 different field types available:

1. text
2. radio
3. checkbox
4. textarea

Name option

name option must be lowercase with no spaces e.g:

1. "first_name" = ok
2. "First Name" = not ok

Label option

label option can contain anything, spaces, uppercase or lowercase are all ok

Column option

column option must be one of the following:

1. 1/1
2. 1/2
3. 1/3
4. 1/4

Class option

You can add class to apply your own CSS class to fields, useful existing classes are shb-email-validation and shb-phone-validation

Required option

You can add required to make the field mandatory, or remove it to make it optional