Uploaded February 2025 | Updated September 2026, 3 hours ago
JetBooking generates a booking form automatically from plugin settings — but you can also build one manually with JetFormBuilder for full control over fields, pricing macros, and post-submit actions.
In this tutorial, Andrew covers the complete setup: JetBooking plugin configuration, auto-generated and custom booking forms, WooCommerce payment integration, frontend booking editing via JetFormBuilder, booking listings with JetPopup, and a Profile Builder page for managing user bookings on the frontend.
Whether you’re building a property rental site, a services booking platform, or a mixed WooCommerce + booking flow, this setup shows how to combine automatic forms with fully custom JetFormBuilder forms for advanced scenarios.
✅ What you'll learn:
• How to configure JetBooking plugin settings and booking modes
• How to preview and use the auto-generated booking form
• How to create a custom booking form from scratch with JetFormBuilder
• How to use the Booking Price macro for dynamic pricing
• How to configure post-submit actions and WooCommerce payments
• How to build a form to edit booked items from the frontend
• How to create booking listings with JetPopup and Profile Builder
📄 Native chat for marketplaces, bookings, and portals
Want to add context-based messaging on top of your booking flows? Read about the JetMessenger plugin and how it brings native chat to WordPress marketplaces, booking sites, and portals:
crocoblock.com/blog/jetmessenger-context-aware-messaging-wordpress-plugin
-------------
► TIMESTAMPS
00:00 Overview — Booking Form with JetBooking and JetFormBuilder
01:07 JetBooking Plugin Setup
05:35 Setting Booking Price in the Post
06:51 Previewing Auto-Generated Booking Form
08:10 Adding Form to the Frontend
09:14 Creating a Booking Form from Scratch
11:49 Using the Booking Price Macro
15:05 Action Settings
15:49 Form Submission Results
16:36 Creating a Form to Edit Booked Items
20:00 Popup Creation
20:42 Creating Query for Listings
21:25 Listing Template Setup
23:58 Creating Elementor Template for Profile Builder
24:24 Profile Builder Page Setup
24:43 Final Result
---------------
❓ FAQ
Q: Do I have to use the auto-generated booking form, or can I always build my own?
A: You can use the auto-generated form for a quick start or build custom JetFormBuilder forms from scratch when you need more control over fields and logic.
Q: Can this booking flow work with WooCommerce payments?
A: Yes. The tutorial shows how to connect booking forms to WooCommerce so you can handle payments through standard checkout.
Q: Is it possible to let users edit their bookings from the frontend?
A: Yes. You can create a dedicated JetFormBuilder form for editing booked items and place it in a Profile Builder page or popup.
Q: Can I add messaging between guests and hosts to this booking system?
A: Yes. You can integrate JetMessenger to add context-based chats tied to bookings, properties, or user accounts.
---------------
► Get JetBooking:
out.crocoblock.com/42Tt6bj
► Get JetEngine:
out.crocoblock.com/41afF5K
► Get JetFormBuilder:
out.crocoblock.com/3WTSJVK
► Get JetPopup:
out.crocoblock.com/4gIQg7v
► Get JetMessenger (optional messaging layer for bookings):
out.crocoblock.com/4wN9mD1
► Choose Crocoblock subscription:
out.crocoblock.com/3QeXCF9
-------------
📄 How to Create a Booking Form:
out.crocoblock.com/4gL8hT2
📄 How to Update Booking via the Form:
out.crocoblock.com/40WA78D
📄 How to Showcase Booking Units Counter:
out.crocoblock.com/4gyimT6
📄 Contact Form 7 vs JetFormBuilder — When to Switch:
crocoblock.com/blog/contact-form-7-wordpress-plugin
📄 Preset Settings:
out.crocoblock.com/4hKZQrE
► Full JetBooking playlist:
youtube.com/playlist?list=PL26jaHWVtLFxGvB9YyfJ6VbYXIRd9dFM4
-------------
#JetBooking #Crocoblock #WordPressBooking #JetFormBuilder #WooCommerceBooking
Have questions about JetBooking setup or custom booking forms? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/crocoblock
► LinkedIn: linkedin.com/company/crocoblock
JetBooking generates a booking form automatically from plugin settings — but you can also build one manually with JetFormBuilder for full control over fields, pricing macros, and post-submit actions.
In this tutorial, Andrew covers the complete setup: JetBooking plugin configuration, auto-generated and custom booking forms, WooCommerce payment integration, frontend booking editing via JetFormBuilder, booking listings with JetPopup, and a Profile Builder page for managing user bookings on the frontend.
Whether you’re building a property rental site, a services booking platform, or a mixed WooCommerce + booking flow, this setup shows how to combine automatic forms with fully custom JetFormBuilder forms for advanced scenarios.
✅ What you'll learn:
• How to configure JetBooking plugin settings and booking modes
• How to preview and use the auto-generated booking form
• How to create a custom booking form from scratch with JetFormBuilder
• How to use the Booking Price macro for dynamic pricing
• How to configure post-submit actions and WooCommerce payments
• How to build a form to edit booked items from the frontend
• How to create booking listings with JetPopup and Profile Builder
📄 Native chat for marketplaces, bookings, and portals
Want to add context-based messaging on top of your booking flows? Read about the JetMessenger plugin and how it brings native chat to WordPress marketplaces, booking sites, and portals:
crocoblock.com/blog/jetmessenger-context-aware-messaging-wordpress-plugin
-------------
► TIMESTAMPS
00:00 Overview — Booking Form with JetBooking and JetFormBuilder
01:07 JetBooking Plugin Setup
05:35 Setting Booking Price in the Post
06:51 Previewing Auto-Generated Booking Form
08:10 Adding Form to the Frontend
09:14 Creating a Booking Form from Scratch
11:49 Using the Booking Price Macro
15:05 Action Settings
15:49 Form Submission Results
16:36 Creating a Form to Edit Booked Items
20:00 Popup Creation
20:42 Creating Query for Listings
21:25 Listing Template Setup
23:58 Creating Elementor Template for Profile Builder
24:24 Profile Builder Page Setup
24:43 Final Result
---------------
❓ FAQ
Q: Do I have to use the auto-generated booking form, or can I always build my own?
A: You can use the auto-generated form for a quick start or build custom JetFormBuilder forms from scratch when you need more control over fields and logic.
Q: Can this booking flow work with WooCommerce payments?
A: Yes. The tutorial shows how to connect booking forms to WooCommerce so you can handle payments through standard checkout.
Q: Is it possible to let users edit their bookings from the frontend?
A: Yes. You can create a dedicated JetFormBuilder form for editing booked items and place it in a Profile Builder page or popup.
Q: Can I add messaging between guests and hosts to this booking system?
A: Yes. You can integrate JetMessenger to add context-based chats tied to bookings, properties, or user accounts.
---------------
► Get JetBooking:
out.crocoblock.com/42Tt6bj
► Get JetEngine:
out.crocoblock.com/41afF5K
► Get JetFormBuilder:
out.crocoblock.com/3WTSJVK
► Get JetPopup:
out.crocoblock.com/4gIQg7v
► Get JetMessenger (optional messaging layer for bookings):
out.crocoblock.com/4wN9mD1
► Choose Crocoblock subscription:
out.crocoblock.com/3QeXCF9
-------------
📄 How to Create a Booking Form:
out.crocoblock.com/4gL8hT2
📄 How to Update Booking via the Form:
out.crocoblock.com/40WA78D
📄 How to Showcase Booking Units Counter:
out.crocoblock.com/4gyimT6
📄 Contact Form 7 vs JetFormBuilder — When to Switch:
crocoblock.com/blog/contact-form-7-wordpress-plugin
📄 Preset Settings:
out.crocoblock.com/4hKZQrE
► Full JetBooking playlist:
youtube.com/playlist?list=PL26jaHWVtLFxGvB9YyfJ6VbYXIRd9dFM4
-------------
#JetBooking #Crocoblock #WordPressBooking #JetFormBuilder #WooCommerceBooking
Have questions about JetBooking setup or custom booking forms? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/crocoblock
► LinkedIn: linkedin.com/company/crocoblock
