WP Media Folder Addon: Dropbox Integration

1. Create a Dropbox App


The Dropbox integration is distributed as a separate Add-on. You need to install this add-on (plugin) additionally to WP Media Folder. The addon includes integration for Google Drive, OneDrive Personal, OneDrive Business and Amazon S3 too.

First, you need a Dropbox App to connect your website to a Dropbox account. Go to https://www.dropbox.com/developers and create a new app. 

 

create-dropbox-app

 

Then setup an app type: "Dropbox API", "Full dropbox" or "App Folder" and provide an app name.

Full Dropbox: File categories from WP Media Folder will be added as folders at the root of your Dropbox account (One website = One Dropbox account).
"App folder": all folders/files will be stored under a single folder (to avoid a mess in your Dropbox account).

 

dropbox-app-info

 
You're almost done - your app is created and you have your App key and secret.

 

app-create-dropbox

 

If you plan to use Dropbox for a long time, you should choose "No expiration" option at OAuth 2 section > Access token expiration.

 

token-expire-dropbox

 

And at the Permissions tab, you should set permissions as the image below.

 

permission-dropbox-setup


2. Login to Dropbox in WP Media Folder

To finalize the integration, go back to the WordPress dashboard and click on the menu Settings > WP Media Folder > Cloud > Dropbox tab. Then select your Media link type:

  • Public link: generate a public accessible link for your files and affect the appropriate rights on the cloud files (Shared link)
  • Private link: AJAX link, hide the cloud link to keep the original access right of your file (Users need a login to view the images)

 

media-link-type

 

Then you can connect to Dropbox account with Automatic mode or Manual mode:

Automatic mode

From now, you can save a lot of time while connecting to the Dropbox server.  First, in order to use this feature, you have to link your Joomunited account at Menu Settings > General, please click on the WordPress settings link if you have not connected yet.

 

unconnected-dropbox

 

Then go back to the plugin Settings > WP Media Folder > Cloud > Dropbox tab and just click on Connect Dropbox button on the right corner.

 

connect-auto-dropbox

 

Then follow the next steps to finish the connection.

 

connected-auto-dropbox

 

It's so quickly, right? Yes, we know it. :) 

 

Manual mode

With the credentials in the previous step, at Dropbox tab and paste your

  • App key
  • App secret

Then you Save the configuration, after that click on Connect Dropbox button.

 

dropbox-wp-connection

 

You'll have to validate the access authorization for app access - simply click the Allow button.

 

dropbox-app-allow

 

Finally, an authorization code will be generated. Copy and paste this code into the Authorization Code field.

 

copy-autho-code

 

The connection should be a success ☺ If it is successful, you can create folders and sub-folders in Dropbox and in WP Media Folder. Everything will be synchronized automatically!

 

3. How does it work? What can I do with Dropbox?

How does it work? 

Dropbox can synchronize folders or sub-folders and files on your WP Media Folder interface, and the same is possible the other way round (from WP Media Folder to Dropbox).

 

dropbox-web


What are the sync directions?

It works in both directions! You can add a file to Dropbox and see it in WP Media Folder, or add a file using WP Media Folder and see it in Dropbox. It also means you can manage WP Media Folder files from your desktop using Dropbox sync software. That’s crazy - we know! ☺

 

Dropbox-two-way-sync

 

The WP Media Folder Dropbox integration allows you to perform 2 types of actions with your media:

The first option is to Import the Dropbox media in WP Media Folder by selecting a folder to copy.

 

import-dropbox-folder

 

The second alternative is to Embed the Dropbox media in your content directly. In this case, the media will be loaded into your content from Dropbox, not from your server.

 

dropbox-media-embed