Description
🧩 What is JetFormBuilder?
JetFormBuilder is a Gutenberg-based WordPress plugin developed by Crocoblock. It allows users to build dynamic, feature-rich forms for both frontend and backend tasks — like user registration, post submission, payments, surveys, etc.
It is particularly known for:
- Native Gutenberg integration
- Dynamic content support (Custom Post Types, Meta Fields)
- Post-submit actions (custom workflows)
- Addon-based extensibility
⚙️ How JetFormBuilder Works: Step-by-Step
Step 1: Installation & Setup
- Go to Plugins → Add New in WordPress.
- Search for JetFormBuilder and install it.
- After activation, you’ll see a new JetFormBuilder menu in your WordPress dashboard.
Step 2: Create a New Form
Navigate to:
JetFormBuilder → Add New
You’ll be redirected to the Gutenberg Editor where you can build your form using JetFormBuilder’s custom blocks.
Step 3: Add Form Fields
JetFormBuilder provides various custom blocks, such as:
| Block Type | Purpose |
|---|---|
| Text Field | Single-line text inputs |
| Textarea Field | Multi-line input |
| Select Field | Dropdown options |
| Checkbox/Radio | Multiple or single choices |
| Number Field | Numerical input |
| Date/Time Picker | Date or time selection |
| Hidden Field | Pass hidden values (e.g. user ID) |
| File Upload | Uploads for images/docs |
| Calculated Field | Live calculations (e.g., total price) |
| WYSIWYG Field | Rich text input (e.g., descriptions) |
| Repeater Field | Add multiple sets of similar fields |
👉 Each block has customizable options such as label, required field toggle, default value, validation, and dynamic population.
Step 4: Set Post Submit Actions
This is where JetFormBuilder becomes very powerful.
Click on the form’s settings (sidebar panel) and scroll to “Post Submit Actions.” This section controls what happens after the form is submitted.
🔄 You can add multiple actions, and they execute in sequence:
| Action | Purpose |
|---|---|
| Insert/Update Post | Create or edit posts, pages, or CPTs |
| Register User | Create a new WordPress user |
| Update User | Modify logged-in user’s profile |
| Send Email | Email admin or user with submission data |
| Redirect to Page | Send users to a custom Thank You or confirmation page |
| Call a Webhook | Connect to external tools (Zapier, Make.com, etc.) |
| Insert/Update User Meta | Store form data as user metadata |
| Insert/Update Terms | Add terms/taxonomies based on form data |
Each action has its own configuration interface.
Step 5: Field Mapping
JetFormBuilder allows you to map form fields to specific:
- Post fields
- Meta fields
- User data
- Taxonomies
- ACF / JetEngine / MetaBox fields
So, for example:
- A “Title” field maps to the post title.
- A “Description” field maps to a custom field in a CPT.
- A “Profile Picture” field maps to a user meta key.
This mapping ensures that submitted data is stored exactly where you need it.
Step 6: Display the Form
Once the form is created, publish it.
You’ll get a shortcode like:
[jet_form_builder id="123"]
This shortcode can be placed:
- In Gutenberg blocks
- In Elementor (via widget or shortcode block)
- In sidebars/widgets using shortcode
- On any post or page
🧠 Dynamic Features (Key Strength)
JetFormBuilder excels at handling dynamic content, especially when working with:
- Custom Post Types
- Custom Fields (ACF, JetEngine, MetaBox, Pods)
- Logged-in user data
- URL parameters
- Query variables
Examples of Dynamic Behavior:
- Pre-fill a user’s name using
Current User Meta. - Show/hide fields based on conditions (with Conditional Logic addon).
- Load cities in a dropdown based on selected country.
- Create a multistep form that saves progress and resumes later.
- Use calculated fields to compute totals or discounts in real-time.
🔌 Addons for Extended Functionality (PRO)
JetFormBuilder has a growing list of Pro Addons:
| Addon Name | Function |
|---|---|
| Conditional Logic | Show/hide fields based on input |
| Multi-Step Form | Create paginated forms with navigation buttons |
| Save Form Progress | Save partially completed form data |
| Limit Form Responses | Prevent repeat submissions by IP/user/email |
| Schedule Forms | Show/hide forms on certain dates |
| Stripe & PayPal Gateway | Accept payments with form submissions |
| Integration for Elementor | Use JetFormBuilder forms in Elementor |
| Calculated Content | Use math formulas and logic to compute output |
💼 Practical Use Cases
- Frontend Blog Post Submission
- Allow users to submit articles with title, content, and image.
- Save as draft for admin review.
- Custom User Registration
- Add extra fields like phone, job title, company, etc.
- Automatically assign a user role and send confirmation email.
- Real Estate Listing Form
- Submit property listings with dynamic CPT fields (price, address, images).
- Display listings on a map or archive page.
- Appointment Booking
- User selects service, date, and time.
- Redirects to payment (PayPal/Stripe).
- Support Ticket System
- User fills out issue form.
- Sends email to support and saves to database for review.
✅ Pros and Strengths
- Seamless integration with Gutenberg.
- Extremely flexible and dynamic.
- Developer-friendly (hooks, filters, REST API).
- Works well with JetEngine, ACF, and other Crocoblock tools.
- Powerful form logic and automation.
❌ Limitations
- Gutenberg-only (for now) – Elementor needs a widget or addon.
- Steeper learning curve for non-technical users.
- Some advanced features locked behind Pro addons.
- Doesn’t have built-in visual theme styling (uses theme defaults).
🎯 Final Thoughts
JetFormBuilder is a powerful, modern, and highly flexible form builder. It’s ideal for those who:
- Work with dynamic websites (real estate, directories, user dashboards).
- Need more than simple contact forms.
- Want to handle complex post/user workflows from the frontend.
It’s a strong contender if you’re building advanced WordPress functionality without needing custom PHP coding.
Reviews
There are no reviews yet.