Booking Form Fields customization

You can find it at the Booking > Settings > Fields page (available in paid versions only).

Fields setting

booking-form2 Inside of this form, you can use the text, HTML tags and special short codes for the form fields. 

General shortcode rule for fields insertion

[shortcode_type* field_name "value"]

shortcode_type – its a reserved term,  for the definition type of booking field (like a text field or select box, etc). Please check the full list of these terms bellow. 
Parameters: 
* – this symbol means that this field is Required (can be skipped in shortcode)
field_name – field name, must be unique (can not be skipped), you can use any letter or “_”symbol. 
“value” – default value of field (can be skipped)

In addition you can define the “ID” and CSS “CLASS” of HTML element, in such way:

[shortcode_type* field_name id:id-of-element class:class-name "value"]

where “id-of-element” – its ID of element, “class-name” – its CSS CLASS of element.

ShortCodes of form fields

[calendar] – calendar. Insert the booking availability calendar into the booking form. 
[email] – email field, Example:

[email* my_email]
. This field is required and have to be inside of the each booking form customization. 

[captcha] – CAPTCHA. Insert the captcha into the booking form. Please note, you are need to activate using of the captcha at the general booking form, also. 
[text] – text field. Example:

[text firt_name "John"]

[select] – select field, Example:
[select my_slct "1" "2" "3"]
 
If you want to use the different option titles from the option values,
you can use the select box options in this format: Option-Title@@Option-Value
Example:
[select my_day_parts "Morning@@08:00 - 12:00" "Evening@@13:00 - 17:00" "Full day@@08:00 - 17:00"]

[checkbox] – checkbox field, 
   Example #1:

[checkbox my_radio ""]
 
   Example #2:
[checkbox my_radio default:on ""]
– checked by default
   Example #3:
[checkbox my_radio "TV" "Player"]
– several values
[textarea] – textarea field, Example:
[textarea my_details ""]

[country] – countries list field, 
   Example #1:
[country]
– default usage
   Example #2:
[country "US"]
– country selected by default as “United States of America”
[submit] – submit button, Example:
[submit "Send"]
 

Time shortcodes (Business Small/Medium versions)
Entering the time using the text fields (you can enter the time only in 24 hour time format)
[starttime] – start time field. Example:

[starttime]

[endtime] – end time field. Example:
[endtime]

[time] – additional time field (as an additional property). Do not apply to the dividing day into sections. Example:
[time my_tm]
 

Selection of time from predefined time slot list. 
[select rangetime] – start and end time field in one dropdown list If you have  predefined times (start and end time), use this code:

[select rangetime "10:00 - 12:00" "12:00 - 14:00" "14:00 - 16:00" "16:00 - 18:00" "18:00 - 20:00" ]
 
[select durationtime] – duration time field. If you set already start time, you can set duration of time using this shortcode:
[select durationtime "00:30" "01:00" "01:30" "02:00" "02:30" "03:00" ]
. You do not requre endtime.

[select starttime "12:00" "14:00"] – if you have already predefined check  in time slots. 
[select endtime "16:00" "20:00"] – if you have already predefined che k out time slots. 

[cost_corrections] – enter direct cost at admin panel at page: “Add booking”. 
     Example:

[cost_corrections]

Showing the cost in real time at booking form. (Business Medium/Large, MultiUser versions). 
[cost_hint] – show cost hint for full booking in real time, depends from selection of days and form elements. Example:

<div style="text-align:left;line-height:28px;">
<p>The full cost for payment: [cost_hint]</p>
</div>
<p>
 
[original_cost_hint] – show cost hint of original booking cost without additional costs for full booking in real time, depends only from days selection. Example:
<div style="text-align:left;line-height:28px;">
<p>The original cost for payment: [original_cost_hint]</p>
</div>
<p>

[additional_cost_hint] – show cost hint of additional booking cost, ehich depends from selection of form elements. Example:
<div style="text-align:left;line-height:28px;">
<p>The additional cost for payment: [additional_cost_hint]</p>
</div>
<p>
 

(Business Large, MultiUser versions)
[coupon] – coupon field, Example:

[coupon* my_coupon]
 

[lang=LOCALE] – start new translation section, where LOCALE – locale of translation
Example #1:

[lang=fr_FR]
– start French translation section
Example #2: “
Thank you for your booking.[lang=fr_FR]Je vous remercie de votre reservation."
– English and French translation of some message

Use any other HTML tags (carefully). Example:

<br/>
– inserting new line.


Content of Booking Fields

content-form2 Configuration of booking data showing in the booking listing page at “Booking Data” column and in the email templates, if used this shortcode – [content]. 

Use these shortcodes for customization: 

[field_name] – inserting value of the specific booking form field from the above form for the specific  booking. 

Use any other HTML tags (carefully). Example:

<br/>
– inserting new line.

[lang=LOCALE] – start new translation section, where LOCALE – locale of translation
Example #1:

[lang=fr_FR]
– start French tranlation section
Example #2:
"Thank you for your booking.[lang=fr_FR]Je vous remercie de votre reservation."
– English and French translation of some message