Uploaded January 2026 | Updated September 2026, 5 hours ago
JetFormBuilder provides two ways to add file uploads to WordPress forms: the free Media Field (available in the core plugin) and the premium Drag & Drop File Upload Addon with image resizing, real-time progress, and MIME type control. This tutorial covers both — and shows how to store submissions in a Custom Post Type (CPT) with mapped fields for front-end display.
The use case is a student assignment submission system: a form with student name, course selection, assignment title, and file upload — saved to a CPT and accessible to teachers or admins on the frontend.
✅ What you'll learn:
• How to create a CPT for storing form submissions with custom fields
• How to build a file upload form using the free Media Field block
• Why to use a text field (not media/gallery) for storing file URLs in CPTs
• How to configure max file size, allowed MIME types, and access control
• How to map form fields to CPT fields using Post Submit Actions
• How to upgrade to Drag & Drop File Upload Addon and configure its settings
• How to set upload mode: on form submit vs. instant upload
• How to display uploaded files on the frontend
-------------
► TIMESTAMPS
00:00 Introduction
01:02 Creating a Post Type for Storing Form Submissions
04:02 JetFormBuilder Form with Basic File Upload (Media Field)
10:01 File Upload via Drag & Drop Addon
---------------
► Get JetFormBuilder: out.crocoblock.com/3KPmSCX
► Get Drag & Drop File Upload Addon: jetformbuilder.com/addons/drag-and-drop-file-upload
► Choose Crocoblock subscription: out.crocoblock.com/4j1p6Md
📄 How to Create File Upload Forms (Knowledge Base):
jetformbuilder.com/features/how-to-create-file-upload-form
📄 Drag & Drop File Upload Addon — Full Overview:
jetformbuilder.com/features/jetformbuilder-drag-and-drop-file-upload
📄 JetFormBuilder Drag & Drop File Upload Addon for WordPress:
crocoblock.com/blog/jetformbuilder-drag-drop-file-upload-addon
-------------
#JetFormBuilder #Crocoblock #WordPress #FileUpload #DragAndDrop
Have questions about the Media Field, Drag & Drop Addon, or CPT field mapping? 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/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
JetFormBuilder provides two ways to add file uploads to WordPress forms: the free Media Field (available in the core plugin) and the premium Drag & Drop File Upload Addon with image resizing, real-time progress, and MIME type control. This tutorial covers both — and shows how to store submissions in a Custom Post Type (CPT) with mapped fields for front-end display.
The use case is a student assignment submission system: a form with student name, course selection, assignment title, and file upload — saved to a CPT and accessible to teachers or admins on the frontend.
✅ What you'll learn:
• How to create a CPT for storing form submissions with custom fields
• How to build a file upload form using the free Media Field block
• Why to use a text field (not media/gallery) for storing file URLs in CPTs
• How to configure max file size, allowed MIME types, and access control
• How to map form fields to CPT fields using Post Submit Actions
• How to upgrade to Drag & Drop File Upload Addon and configure its settings
• How to set upload mode: on form submit vs. instant upload
• How to display uploaded files on the frontend
-------------
► TIMESTAMPS
00:00 Introduction
01:02 Creating a Post Type for Storing Form Submissions
04:02 JetFormBuilder Form with Basic File Upload (Media Field)
10:01 File Upload via Drag & Drop Addon
---------------
► Get JetFormBuilder: out.crocoblock.com/3KPmSCX
► Get Drag & Drop File Upload Addon: jetformbuilder.com/addons/drag-and-drop-file-upload
► Choose Crocoblock subscription: out.crocoblock.com/4j1p6Md
📄 How to Create File Upload Forms (Knowledge Base):
jetformbuilder.com/features/how-to-create-file-upload-form
📄 Drag & Drop File Upload Addon — Full Overview:
jetformbuilder.com/features/jetformbuilder-drag-and-drop-file-upload
📄 JetFormBuilder Drag & Drop File Upload Addon for WordPress:
crocoblock.com/blog/jetformbuilder-drag-drop-file-upload-addon
-------------
#JetFormBuilder #Crocoblock #WordPress #FileUpload #DragAndDrop
Have questions about the Media Field, Drag & Drop Addon, or CPT field mapping? 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/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
