FAT Event Documentation

visit roninwp.com

How to use booking form builder

At default, FAT Event provider default form booking. But in some case, if you want collect more customer's information, you can use booking form builder to customize booking form. To use booking form builder, please do follow:

  • Log into your WordPress admin panel.
  • Navigate to FAT Event ยป Settings.
  • Click 'Payment' tab.
  • Check at 'Use booking form builder'
  • Refresh page and you can see 'Booking form builder' at left menu
  • Click 'Booking form builder' at left menu to open booking form builder.
  • Drag and drop field to build form.
  • Click save change to store booking form.

Enable Booking Form Builder.

Booking Form Builder.

  • 1. Form builder container : This is container what contain field that use in booking form
  • 2. Fields sections: This is field available what you can use to build form. Drag & drop field from this section to 'Form builder container' to use field
  • 3. Required :

    With each field, it have some attribute what define how to show up and how to work on frontend. EX: Required, Label, .... At here if you want set this field is required, please check at here. When check this, please fill error message what show up when custom don't fill value for this field

  • 4. Width:

    At default, the field will be show up full width in form. But some case, if you want show up 2 field on each row, please select 'Width' attribute is 'Half size'

  • 5. Map field:

    The booking form have some field what is required (Ex: First name, last name, email, ...) to execute business flow (ex: send mail,...) then you need mapping field.

    With extra field, you don't need mapping and in this case, please select Map Field is 'None'

  • 6. Position:

    The booking form will be have three sections: Top, Middle (This is section what show up quantity, price, payment gateway), and Bottom

    The custom field will be show up on top section at default. In some cases, if you want display custom field at bottom (ex: term condition,...), you need select 'Position' is 'Bottom'

Popup booking form on frontend.

Video how to use booking form.