WPForms Blog

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

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.

install zapier addon

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

copy zapier api key

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

click make a zap

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

choose wpforms as trigger app

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

click new form entry

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.

choose a wpforms account

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

WordPress file upload to dropbox

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.

file upload form

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.

choose dropbox app

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

select dropbox action

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

connect dropbox 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.

set up dropbox fields

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

send test to Dropbox

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.

embed file upload 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.

Comments

  1. Thanks for reading this article – I hope you found it helpful.

    I wanted to let you know about our new WordPress survey plugin that allows you to build interactive polls and surveys within minutes. You also get best-in-class reporting, so you can make data-driven decisions.

    You can get it 100% free when you purchase WPForms Pro plan.

    Get Started with WPForms Today and see why over 1 million websites choose WPForms as their preferred online form builder.

    Syed Balkhi
    CEO of WPForms

    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 🙂

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.