How to Add a Dropbox Upload Form to Your WordPress Website

Are you looking for a way to create an upload form that automatically sends WordPress file uploads to your Dropbox? You probably want to easily manage those files or create a backup copy for safekeeping.

In this guide, we’ll show you how to add Dropbox to your WordPress website. That way, you can make contact forms that send a copy of your WordPress form file uploads to Dropbox.

If you’d prefer to read the tutorial, we’ve written how it’s done below.

Why Integrate Dropbox With Your Upload Form?

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

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 they don’t have to open their email applications and send files 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 save backup copies 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.

WPForms is the best WordPress Form Builder plugin. Get it for free!

How to Add a Dropbox Upload Form to Your WordPress Website

Step 1: Create a File 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 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.

Or, if you’d prefer a written tutorial, follow our guide on creating a file upload form. You can also read about how to create a WordPress upload widget.

Once you’ve created an upload form, you can connect Dropbox with it to send a copy of all uploaded files as backups.

Step 2: Test Your Upload Form

Now, you need to submit a test entry to your file upload form. You’ll need this later when you’re connecting your form to Dropbox.

To do this, go to WPForms » All Forms. Find your upload form and click on Preview.

Previewing a file upload form

Then fill out the form, including uploading a simple file. Once you’re done, click Submit.

Submitting a test entry to a file upload form

Step 3: Install the Zapier Addon

Before you can connect the WPForms plugin with Dropbox to store uploads from your website, you’ll have to connect the plugin with Zapier.

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

So let’s get started.

Go to WPForms » Addons and install the Zapier Addon.

Installing the Zapier addon

Then go to WPForms » Settings » Integrations and expand the Zapier section. Here you’ll find your Zapier API key.

Copying the Zapier API key in the WPForms settings

You’ll need this later to connect your site to Zapier, so keep this page open in a separate browser tab as you move forward.

Step 4: Choose WPForms as Your Zapier Trigger App

Now you’re ready to connect WPForms to Zapier. In a new tab, log in to your Zapier account and click on the Create Zap button.

Creating a zap in Zapier

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

Choosing the WPForms app event in Zapier

Select New Form Entry as the trigger event and proceed to next step.

Choosing New Form Entry as the trigger for a Zapier zap

Zapier will now ask you to connect your website with your Zapier account. Click on Sign in.

Choose your WPForms account to connect to Zapier

In the connect account window, enter your website URL and the Zapier API key, which you can copy from the browser tab you left open.

Allowing Zapier to access WPForms

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

Connecting your file upload form to Zapier

Zapier will then test your connection to make sure everything is set up correctly. Click Test trigger to begin.

Testing your trigger in Zapier

If the test is successful, you’ll see the test entry you submitted earlier.

Zapier file upload form test entry

Click Continue to move on and connect Dropbox with WPForms.

Step 5: Set Up Dropbox as Your Zapier Action App

Next, you’ll connect Dropbox to Zapier. In the wizard, search and select Dropbox as the Action app.

Selecting Dropbox as the action app in Zapier

Next, choose Upload File as the Action and click Continue.

Setting Upload File as the action in a Dropbox Zap

On the next screen, select Sign in to connect your Dropbox account with Zapier.

Connecting Dropbox to Zapier

This will open a popup window where you’ll need to log in to Dropbox. Enter your email address and password, then click Sign in.

Signing in to Dropbox via Zapier

Another window will open where you’ll need to allow Zapier access to your Dropbox account. Click the Allow button to proceed.

Allowing Zapier to access your Dropbox account

You’ll then be taken back to the Zap setup wizard. Click Continue to move on to the next step.

You’ll now need to specify the correct folder in Dropbox where you want to upload the files from your WordPress form. In addition, you’ll also need to specify the file upload field from your form.

Choosing which Dropbox folder to send file uploads to

The other option on this screen are optional. Fill them out if you want to, then click Continue.

Now Zapier will test your Dropbox connection just like it did for WPForms. Click Test & continue to start.

Testing your Dropbox connection in Zapier

If everything’s working correctly, you’ll see a success message. The file you uploaded for your test entry should also now be in the Dropbox folder you selected in the previous step.

Dropbox connection success message in Zapier

Don’t forget to publish your Zap before you close Zapier.

Publishing your Dropbox Zap

Step 6: Embed Your Dropbox Upload Form on Website

The last thing you need to do is add your file upload form to your website so users can fill it out. WPForms allows you to add your forms to many locations on your website, including your blog posts, pages, and even sidebar widgets.

So let’s take a look at the most common post or page embed option.

To begin, create a new page or post in WordPress, or open an existing one in the editor. After that, add a new block and select the WPForms icon. You can search for it if you don’t see it right away.

Adding a WPForms block to a page

Now click on the WPForms dropdown and pick the file upload form you created and connected to Dropbox.

Selecting a file upload form in the WPForms block

If you like the way the form looks, go ahead and publish it to make the form live on your site.

Publishing a file upload form

Next, Check Out More WPForms Integrations

Bravo! You’ve just finished creating an awesome upload form that also sends a copy of the file uploads to Dropbox. You now know how to add Dropbox to your website through your forms.

Want to send form entries to Google Sheets so you can view all your entry information in a spreadsheet? The WPForms Google Sheets addon lets you connect any form directly to Google Sheets.

Or, for more awesome ways to use WPForms and Zapier together, check out these posts:

And these are only some 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.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Comments

    1. Hi Gabriela,

      While you can send a copy of all uploaded files to Dropbox, as described in this tutorial, we don’t currently have a way to avoid also uploading the file to your site. This is because our Dropbox integration isn’t direct, but rather uses Zapier as a middle man. But we’ve noted direct Dropbox integration on our feature request list, and will keep that on our radar as a potential option down the road.

      If you have any additional questions, please get in touch 🙂

    1. Hi David,

      Unfortunately we don’t have a built-in integration with DropBox so you won’t be able to send form data from WPForms to DropBox without the Zapier addon. I apologize for the inconvenience! 🙁

    1. Hi Hemal!
      The file upload size limitation in your forms defaults to the maximum that your web host allows. For most web hosts this is 8 or 16MB, though some are much lower or higher.
      While we provide the option for you to decrease the upload size limit in your forms, we have no control over the upper limits imposed by your host’s server. To get this increased (or find out if an increase is possible), you’ll need to get in touch with your hosting provider.
      I hope this helps.
      Have a good one 🙂

    1. Hi Chris!
      Yes, when you create a Zap for a form you are choosing a Dropbox folder where your files will be saved to. This way if you have two forms then you can create two different Zaps and choose different folders for them.
      I hope this helps.
      Have a good one 🙂

      1. Is there a reason why when using the modern version of the upload field (where you can upload multiple files), it uploads a .txt file to my Dropbox? When I force the .PDF on zapier, it pops out a corrupted PDF file. Any way to move around this issue?

  1. When using the new upload field that allows for multiple documents to be uploaded at once, it ends up uploading a .txt file. When I force the file extension to .pdf, it comes out as corrupted.

    I believe this issue doesn’t happen when it’s done by separate “classic upload fields”.

  2. So, 4 years laters and you still don’t have a direct upload to dropbox? I don’t want a copy of the file, or to use Zapier, can’t you just upload to dropbox like Ninja Forms?

    1. Hi there- We apologize for the frustration you are facing here! This is still under the review of our development team. I have added your vote and email address to the feature-request list and you’ll be notified once this integration is added!

      Thanks, and sorry!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.