“CF7 Drop Uploader” WordPress plugin Documentation by Horoshilow Boris v2.2.4

---

“CF7 Drop Uploader”

---

Table of Contents

1. Plugin Installation
2. Set Plugin Options
3. Dropbox integration
4. Adding Drop Uploader to your form

---

A) Plugin Installation - top

To install this plugin you need go to Plugins -> Add New.

Then click upload and select plugin file.

And click "Install Now" button.

After that you need to activate plugin.

---

B) Set plugin options - top

To set plugin options you need go to Settings -> CF7 Drop Uploader Settings.

Settings are organised in 3 tabs: Style, Options and Files Storage

In Style tab you can set different style options - border color, border thickness, progress bar color, icon and title color.

In Option tab you can set plugin such plugin options - CSS class for browse link, upload and file icons, alternate "Drop Files Here" and "Browse" text. How many seconds show error message and uploader layout.

In Files Storage tab there is three main section: Attachments Options, Links Options and Dropbox Options

In Attachments Options section you can enable checkbox "Send attachments as archive". In this case you will receive attached files as zip archive.

In Links Options section you can enable ability to store uploaded files on your hosting (that is disabled by default). Also you can enable option to archive uploaded files. In this case you will receive link to a zip archive of uploaded files.

In Dropbox Options section you can set all settings, according to Dropbox integration. To enable Dropbox integration you need to set "Save Files to Dropbox" and enter your Dropbox API Token. Also you can set "Generate Dropbox share link" checkbox to receive Dropbox share link instead of link to uploaded files on your hosting. And also you can choose where dropbox share link must points to (each file or folder with uploaded files). You can set Link expiration time, but it works only with paid Dropbox accounts. Please dont use it if you have FREE Dropbox account because you will not receive Dropbox share link in this case.

---

C) Dropbox Integration - top

First you need go to Dropbox Developers section and navigate to My Apps

Then you need to login into your Dropbox account

Then click "Create App" button

And set following App settings: Dropbox API, App Folder.

And set name of your App. Then you will get folder with same name in your Dropbox -> Applications.

After that click "Generate" button and copy&paste token to Dropbox Token field on your site.

---

D) Adding Drop Uploader to your form - top

First you need go to your Contact Form 7 form and edit it.

Now you have Drop Uploader button. when you clink on it you will see this popup:

There you can set field ID (for example dropuploader-551, it will be generated automatically). Maximum file size (in bytes), maximum upload files count and accepted file types. If you use HTML formated Email, please set "HTML Link" checkbox.

You can use following file types: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, aac, mov, mp3, mp4, mpg, wav, wmv.

After you click "Insert Tag" you can place drop uploader shortcode in right place in your form.

Also you can add message, that will be displayed, if user click submit button during file uploading proccess.

After clicking Drop Uploader Message button you can set message, that will be displayed to user.

You can place this shortcode near submit button or in other place.

To configure processing of uploaded files you need go to Mail tab and paste you drop uploader shortcode id [dropuploader-551] to Message Body field.

Also if you want to receive uploaded files as mail attachments, you need to paste shortcode id [dropuploader-551] to File Attachments section.

In Drop Uploader tab you can enable option to receive files, that was uploaded from this form to separate subfolder in your App folder

After that save your form settings.

Now you can recieve files, uploaded via Drop Uploader, as a links in message body, via email attachments and via Dropbox.

---