How to Create a Simple Dropbox Upload Form in WordPress

by Roshan Perera on Jan 15, 2018

Are you looking for a way to create an upload form that automatically sends the WordPress file uploads to your Dropbox? You probably want to easily manage those files or create a backup copy for safekeeping. Then you’ve come to the right place. No need to hire any freelance web developers or pay any expensive services. We’ll show you how to get this job done all by yourself.

With WPForms, not only can you design an attractive contact form using a drag and drop editor, but also add advanced features like file upload and payment options to your forms quite easily.

In this guide, we’ll show you how to integrate Dropbox with your WordPress contact forms to send a copy of the WordPress file uploads to Dropbox.

Why Integrate Dropbox With Your Upload Form?

You may have seen different types of file upload forms such as tech support forms, guest post submission forms, job application forms, and so on. These upload forms make it easier for users to send files, so users don’t have to open their email applications to send them as attachments.

WPForms also makes it simpler to manage user uploaded files for website owners like you. You can view and delete the uploaded files right from your WordPress dashboard.

With Dropbox integration, you can have a backup copy of files in Dropbox for better safety. This way, you don’t have to worry about losing your files even if your server gets corrupted.

How to Create an Upload Form

The first thing you need to do is to install and activate the WPForms plugin. For help with this step, learn how to install a WordPress plugin.

If you don’t have a contact form on your website with a file upload function yet, go ahead and create one.

You can easily create a file upload form using WPForms. Simply follow the instructions in the video below.

If you’re having trouble following the steps in the video, follow our guide on creating a file upload form. Once you’ve created an upload form, let’s figure out how to connect Dropbox with it to send a copy of the file as a backup.

Connect Zapier With WPForms

Before you can connect the WPForms plugin with Dropbox, you’ll have to connect the plugin with Zapier.

Zapier allows you to connect WPForms with many third-party apps to add more features and functions.

Let’s get started.

Step 1: Go to WPForms » Addons and install the Zapier Addon. After installing the addon, Activate it.

Step 2: Go to WPForms » Settings » Integrations and copy the Zapier API key. This key is required to connect your website with Zapier.

Step 3: Log into your Zapier account and click on the Make A Zap button.

Step 4: On the next page, search for WPForms and choose it as the trigger app.

Step 5: Select New Form Entry as the trigger and proceed to next step.

Step 6: Zapier will now ask you to connect your website with your Zapier account. Click on Connect an Account.

In the connect account window, enter your website URL and the Zapier API key that you copied from WPForms earlier. Choose the right account and proceed to the next step by selecting the account you just added.

Step 7: In the next step, choose the upload form you’ve just created in WPForms and click Continue.

Step 8: Now, Zapier will ask to test your new upload form to see if it works correctly. Before performing the test, you need to enter a test message with a file attachment using your file upload form.

To do this, go to WPForms » All Forms. Find your upload form and click on Preview. Then enter a test message and upload a simple file through the contact form. After submitting a test entry, go back to Zapier and click Fetch & Continue.

Step 9: When the test is successful, click Continue to connect Dropbox with WPForms.

Integrate Dropbox With WPForms

To connect Dropbox with WPForms, sign in to your Dropbox account and create a new folder to save your WPForms upload files. Then, go back to Zapier to connect the app.

Step 1: Search and select Dropbox as the Action app.

Step 2: Choose Upload File as the Action and click Save + Continue.

Step 3: Select Connect an Account to connect your Dropbox account with Zapier.

Once your account is connected, click Save + Continue.

Step 4: You’ll now need to specify the correct folder in Dropbox where you want to upload the files to. In addition, you’ll also need to specify the file upload field that you want to upload to Dropbox.

Step 5: Click Send Test to Dropbox to test the Action step you’ve just created.

When successful, click Finish to complete the Zap.

Step 6: Give your Zap a name and turn it On to active it.

Embed Your Upload Form

Now that you’ve successfully integrated Dropbox with WPForms, all you have to do now is to go to the page editor where you want to embed your form. Click on Add Form just above the text editor, and choose the right form you want to embed in the modal popup that appears. Then click Add Form.

Bravo! You’ve just completed creating an awesome upload form that also sends a copy of the file uploads to Dropbox.

If you’d like to collect other form data in a spreadsheet, follow how to save contacts from WordPress form to Google Sheet..

This is only one of the many superpowers you get when using WPForms. Check out dozens of amazing features of our WordPress plugin and explore the blog for more tutorials like this one.

Also, follow us on Facebook and Twitter for more WordPress guides and tutorials.