I recently wrote on how to upload files using Box.com and Pardot Forms. That solution wasn’t totally clean and simple, as it required placing two embed codes on the page – one for the Pardot Form, one for the Box.com Upload Widget.
I am happy to write that I was able to embed the Box.com Upload Widget within the Pardot Form itself! This allows you to only place one embed code in the final landing page, and allows for a cleaner layout.
What you need:
Create your form as needed in Pardot. In our case, we were having customers place orders for branded marketing materials. This particular form needs to gather standard shipping-type information (name, address, etc.)
Go to your Box.com account. If you haven’t created a folder for the uploads, do so now. Click on the […] icon to the right of your folder, and click “Upload Widget.”
Fill out what you want the upload widget to say. You can place instructions here if you want, rather than on the resulting landing page.
Copy the embed code from Box.com.
Now, instead of placing the embed code for the Box.com Upload Widget on your landing page, you get to place it directly in the Pardot Form! Edit your Pardot Form, and go to the “Completion Actions” tab. Click the Source Code button, and then paste your embed code for the Box.com Upload Widget.
You can also include your Thank You message before the code, along with any upload instructions you want your audience to see.
Now you’re all done! Here’s how the final form and upload widget work together.
Make sure to test out the form and upload widget before releasing to the masses.