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


“CF7 Drop Uploader”

Created: 17/06/2016
By: Horishilow Boris
Email: support@borisolhor.com

Thank you for purchasing my item. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


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 you can enable ability to send attachments as archive, store uploaded files on your hosting and send links to them in mail body, delete files, that was uploaded some time ago and enable Dropbox integration.


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.

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.


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.