1. Custom Form Field Properties »

This utility is designed primarily for use on a desktop computer. Use on a mobile is not recommended or fully supported. Expect unexpected results!

Specify field properties one by one below... [Help »]

2. CabGrid Syntax »

You can paste any existing syntax here to preview it...

You can re-order fields by cutting & pasting individual lines above, or just delete lines to remove those fields.

To implement these fields in your CabGrid Pro booking form, copy the code above and paste it into the Additional Form Fields box under the OPTIONS tab on the CabGrid Pro admin page in your Wordpress admin. Read more about custom form fields...

3. Form Preview

Red border indicates mandatory (for preview purposes only)

Hide standard fields (only show custom fields):

Standard Booking Form Fields
Your Custom Booking Form Fields

Welcome to the CabGrid Pro Custom Form Builder

How to use this tool...

  1. Use 'Custom Form Field Properties' column to define fields one by one
  2. Click 'Add Field to Form' to add each field
  3. Copy the code generated under 'CabGrid Syntax' to 'Additional Form Fields' under the OPTIONS tab in CabGrid Pro

The whole form (including CabGrid's standard fields) is previewed in the right column 'Form Preview'

CabGrid Icon