How to Add and Set Up the Transloadit Widget on Your Form

Handling file uploads doesn’t have to be complicated—and that’s exactly where the Transloadit widget comes in. Whether your users need to upload images, videos, documents, or other file types, this widget helps process and optimize those files behind the scenes. From resizing images to converting formats, it takes care of the heavy lifting so you can focus on collecting the content you need without worrying about technical details.

Setting up the Transloadit Widget in your form is surprisingly simple, even if you’re not familiar with file-processing tools. With just a few quick steps, you can connect your form to Transloadit, choose how you want uploaded files to be handled, and create a smooth, efficient experience for your users. It’s a great way to keep your workflow organized, your files ready to use, and your form feeling smart and modern.

Here are a few ways to use it:

• Accept and Process Large or Complex Files — Whether you’re collecting videos, high-resolution photos, or heavy documents, Transloadit can manage and optimize them in the background so everything stays fast and organized.
• Resize or Compress Images Automatically — If you’re collecting photos for IDs, profiles, or product listings, the widget can instantly resize or compress them. This ensures you get consistent, web-friendly files every time—no more huge uploads or mismatched dimensions.
• Convert Files Into Other Formats — Transloadit can convert videos, audio files, and documents to the format you prefer, saving you tons of manual work later.
• Great for Creative or Media-Heavy Forms — If your form is used for casting calls, photography submissions, multimedia projects, or job applications where portfolios are required, this widget keeps everything streamlined.

Adding and Setting Up the Transloadit Widget

Adding the Transloadit widget to your form gives your users a smooth, reliable way to upload and process files. Here’s the quick way to do it:

1. In Form Builder, click on Add Element on the left side of the page.

2. Now, in the Form Elements menu, under the Widgets tab, search for Transloadit and then click on it. Or, just drag and drop it to where you want it to be on your form.

3. Next, in the Widget Settings menu that opens on the right side of the page, set up the Your Transloadit API Key option and enter the unique key from your Transloadit account so the widget can connect to Transloadit’s file-processing service.
4. Once you’re done, click on Update.

That’s it! You’ve successfully added and set up the Transloadit widget on your form. Now your users can upload and process files seamlessly, giving you a faster, more efficient way to handle media and document submissions. Curious how it works on a live form? Check out this Demo Form.

To further customize your Transloadit field appearance, just click on the Gear icon to open its properties.