Allow Uploads to My Dropbox Though a Website Form Widget
Featured Add-Ons -
How to… Send Form File Uploads to Dropbox
Gravity Forms makes information technology easy to create any type of class. From elementary contact forms to more circuitous order and payment forms, the heaven's the limit. In some cases though, y'all might need to create a form that allows visitors to upload files on submission – don't worry, Gravity Forms tin can assist yous with that too!
Non only does Gravity Forms provide built-in functionality for uploading files, but we also integrate with Dropbox, enabling you lot to safely store, and easily manage and access, whatever files uploaded via your forms.
In this article, we'll discuss features of both the file upload field and Dropbox Add-On, besides equally share a number of utilize cases for accepting files through your forms. And then we'll finish off with a quick walk-through of how to become started with this useful add-on. Let's jump in…
The Gravity Forms File Upload Field
With the Gravity Forms File Upload feature, you can accept file submissions through your forms, making it quick and easy to collect the information that y'all need.
Past including the File Upload field on a course, you can allow people to submit:
- Documents
- Images
- Audio
- Videos
The Gravity Forms File Upload field too allows multi-file uploads, letting users upload more than one file.
For more information on the File Upload field, check out this article – How to… Accept File Submissions via a Form.
When Might You Apply the File Upload Field?
The File Upload field can be used in a variety of situations. For example, if you accept guest posts or content submissions on your web log, y'all can use the form File Upload field so contributors can upload images and fifty-fifty articles if y'all wish.
Another case of why you might need this characteristic is if you're hiring people through your site. Add the course File Upload field to your form so applicants can submit their resumes along with their applications.
Or, mayhap yous're a designer or developer. In that example, y'all tin can use the form File Upload field to have clients submit their project briefs, signed contracts, or whatsoever other cloth you'll need for the project.
A few other utilize cases include:
- Allow users to upload their contour photos.
- Have members or students upload completed workbooks or other coursework.
- Instruct people to upload competition submissions (artwork, photos, etc.).
In other words, whenever yous need your website visitors, blog readers, or clients and customers to submit any type of document, y'all can apply the File Upload field on your course.
But, in one case people are submitting files through your forms, yous'll need a place to store them. That's where Dropbox comes in!
Dropbox: An Intro
Dropbox is an online file storage platform. Once you sign upwardly for Dropbox, it will create a folder on your computer. Everything yous upload to that folder volition be synced to Dropbox so yous can access it anywhere online.
Dropbox can be used as a backup for your files so y'all never take to worry near losing them if something happens to your reckoner. Dropbox can also exist used to share files easily with others so you don't have to send them through email.
Importantly, with Dropbox you tin easily manage and access whatever files that have been uploaded, while keeping the data stored in a prophylactic and secure solution.
The Gravity Forms Dropbox Add-On
The Gravity Forms Dropbox Add-on allows you to connect your Gravity Forms installation with your Dropbox account. One time you've enabled the integration, file uploads will exist stored in your Dropbox binder. You tin can also use the integration to allow users to upload the files from their own Dropbox account.
You lot tin can specify where the file uploads should go using either a specific location in your Dropbox account or dynamically based on the grade submission. In improver to that, you tin can use conditional logic to simply send file uploads to Dropbox if certain atmospheric condition have been met.
To find out more well-nigh the Dropbox Add-On, check out the Gravity Forms Documentation.
Note: The Gravity Forms Dropbox Add together-On is available with our Elite and Pro licenses. For more data on the features and other add-ons available on these plans, cheque out our Pro License Plan and Elite License Plan pages.
How to Send Form File Uploads to Dropbox
Let's now accept a look at how y'all can get started with Dropbox and Gravity Forms using the Dropbox Addition…
Step 1: Install Gravity Forms
The get-go affair y'all should do is install Gravity Forms on your site, if you don't already accept the plugin installed. To do this, purchase the Pro or Aristocracy license and then download plugin.
Log in to your WordPress dashboard. Go to Plugins > Add New > Upload. Locate the plugin naught file on your reckoner and then click the Install > Activate push. Once the plugin is installed, follow the instructions to register the plugin with Gravity Forms.
For more than data on how to get started with our plugin, cheque out this video tutorial – How to Install Gravity Forms on Your WordPress Website.
Step 2: Install the Dropbox Add-On
Next, go to Forms > Add-Ons. Inside the Gravity Forms Add-On Browser, scroll downwards and locate the Dropbox Add-On. Click on Install > Activate.
Adjacent, get to Forms > Settings > Dropbox. Click the blue Connect to Dropbox button – y'all'll and so be asked to log in to your Dropbox business relationship and connect information technology with Gravity Forms.
By default, Gravity Forms volition create a folder where all the file uploads will be stored. If you want to apply a different location, you'll demand to set up a custom Dropbox app.
Pace three: Add a File Upload Field to Your Form
The Dropbox Add-on can be synced with whatsoever new or existing form. Only select the form you want to sync with Dropbox, create a new form within the form architect, or import any of our gratis, fully customizable form templates.
To have file uploads via your chosen class, your will demand to include the File Upload field. And then the side by side step is to add a file upload field to your form.
To admission it, expand the Advanced Fields section and drag the File Upload Field to your class. You can and then configure the field'southward settings.
For example, you tin can limit the file size as well every bit specify file types that can exist uploaded through the course. You lot tin also allow multi-file uploads.
For more than information on the File Upload Field, bank check out this documentation.
Footstep 4: Create Dropbox Feed
The terminal step is to create a Dropbox feed for the form to sync the course with your Dropbox account. Go to the form's settings and click on the Dropbox tab.
Press the Add New button to set up a new feed, requite it a name, and select the specific File Upload field that you lot want to be uploaded to Dropbox from the dropdown carte.
You tin can also select the folder where the files will exist uploaded and enable conditions if you want to just upload files when those conditions are met. When you're done click Save Settings.
Y'all tin so add the form to whatever page on your website using the Gravity Forms block in the Gutenberg editor.
Creating a Custom Dropbox App
As mentioned earlier, if yous want to alter the location where the file uploads are stored, you lot'll need to create a custom Dropbox App. This volition crave you to accept an SSL installed and active on your site.
To become started, visit the Dropbox App Console. Click the Create app button and select Scoped Access under the Choose API section. In the next step, select Full Dropbox so enter the proper name for your custom app.
If you have a linked personal and a business concern account, you'll need to select which business relationship you lot desire to ain the app. Choose the right business relationship, sign in, and and so click the Create app button.
You'll then be redirected to the control console for your app where you demand to copy the App key and App secret.
Adjacent, add the OAuth Redirect URI that was provided in the addition settings page to your Dropbox app settings under the OAuth2 Redirect URIs section. Keep in mind that if you desire to employ the Dropbox Upload Field, yous'll too demand to enter your domain under the Chooser / Saver / Embedder domains then click Add together.
Once you have entered all the information to a higher place, click on the Permissions tab. On this tab, you lot volition need to select the files.content.write and files.content.read permissions. This volition allow Gravity Forms to read your Dropbox user directories and to upload files to those directories when a form is submitted. Click the Submit push button at the bottom of the folio for the new Permissions to take effect.
Now it's time to configure the Dropbox Add together-On. Go to Forms > Settings > Dropbox and click I desire to use the custom Dropbox app. You'll and then need to paste in your Key and Hole-and-corner you copied earlier. Click the Click here to connect to Dropbox button.
You'll then be able to select the folder where y'all want to save the file uploads whenever someone submits the form.
Fix To Shop Class File Uploads In Dropbox?
Sending form file uploads to Dropbox is easy with Gravity Forms and our Dropbox Add-On. If you desire to learn more about how this integration works, the following resources will be helpful:
- How to… Accept File Submissions via a Class
- Gravity Forms Dropbox Addition Documentation
Nevertheless don't have Gravity Forms? No worries! Simply sign up for a gratuitous personalized demo of Gravity Forms and explore all the features that make our plugin a must have for WordPress website owners.
Endeavour creating a form from scratch with our intuitive, elevate and drib form builder and cheque out the many Gravity Forms Add-Ons to meet how you can extend your forms fifty-fifty more.
Already sold on using Gravity Forms? Purchase our premium WordPress form plugin today!
If you want to keep up-to-appointment with what'south happening on the blog sign upward for the Gravity Forms newsletter!
Source: https://www.gravityforms.com/blog/how-to-send-form-file-uploads-dropbox/
0 Response to "Allow Uploads to My Dropbox Though a Website Form Widget"
Postar um comentário