×
HIDE

Booking Form

Tutorial

 

The Booking Form have two date type: Date picker and Special date.

* With Date picker:

Step 1: Create the Date Field > choose type is Date.

Step 2: Create the Quantity Field > choose type is Number.

Step 3: Create the Booking table.

– Add form ID and booking ID. Enter the same form id for all fields in a form, with latin character and no space. E.g order_form.

– Choose date type is Date picker.

– Add shortcode of Date field and Quatity field.

– Add Item to List of the Slot.

 Step 4: Add Calculated field.

Step 5: Stripe Payment Field.

Step 6: Create Submit button and choose Booking in the Action After Submit.

 – Add Booking shortcode:

Last step, click to Form and take the shortcode and add it to page where you need to use the form.

* With Special date: You have just changed the date type to Special date in the Booking field and choose the date which you want. You do not need to create the date field. Skip step 2 (Create the Quantity Field) in Date picker date type. 

– The result of this Date Type:

Form Builder

Extensions

Widgets

Popup Trigger URL
Piotnet Addons For Elementor