WP Media Folder addon documentation

Introduction

WP media Folder addon plugin brings a connection to Dropbox, Google Drive and a PDF embed features to the WordPress media manager.

Cloud-banners-addon

 

I. WP MEDIA FOLDER ADDON INSTALL

1.1 Install

The WP Media Folder is a separate plugin that needs to be activated separatelly. In order to install our plugin you should use standard WordPress installer or unzip and put all the folder in /wp-content/plugin.

install-wp-media-folder

 

Then click on activate plugin, to see WP Media Folder menu appear on the WordPress left menu.

WP Media Folder  is accessible from the media menu and the media button above your editor. You also have the parameters under the "Settings" menu.

 

1.2 Update the plugin

 

In order to update the WP Media Folder, you can use the WordPress default updater. You can also remove and install the new version from a .zip file downloaded on www.joomunited.com. In any case you won’t lose any content because everything is database stored.

update-notification

 

Be sure to always have the latest version to avoid security and stability problem.

To update the paid version, you need to login to your JoomUnited account from the WordPress settings: Settings > General

 

link-account

 

Then use your JoomUnited account login and password. After a successful login the button turns to blue with a text Disconnect my JoomUnited account

image9

 

Then finally, you can update all the JoomUnited commercial plugins from the WordPress standard updated.

image10

 

1.3 Notification after install

After install you'll get 2 notifications

  • Do you want to import the post categories as media folder
  • Do you want to import NextGEN galleries as media and folder

Hit Yes to proceed or Dismiss to ignore.

 

II. CONNECT GOOGLE DRIVE

2.1 Create a Google drive App


The Google Drive integration with WP Media Folder is is included in the Add-on. You need to install this add-on (plugin) additionally to WP Media Folder.

First, to use Google Drive you need a Google dev App to connect your website to Google Drive. Go to https://console.developers.google.com/project and create a new project.

image79

Then setup a project name (no space, no accent), you can give it the name you want here.

image31

 
Then wait few seconds for the project creation…

image62

 

If it's the first time you're using the Google Drive API, you'll need to activate it

enable-drive-api

 

From the left menu, click on “API Manager”

image53


Then on the left menu “Credentials” >> “New credentials” >> OAuth client ID (if asked, add a name to your OAuth consent screen).

oAuth-google-drive


Now, the most important step.

  • Select “Web application” and add a name of your choice
  • Authorized JavaScript origin: https://your-domain.com (replace by your domain name, no slash)
  • Authorized redirect URIs: http://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated 
    (replace by your domain name)

app-credentials

 

Then… voilà! You got your ID and Secret to add in the WP File Download configuration

image57

 

2.2 Login to Google Drive in WP Media Folder


Then go back in WordPress admin and click on the menu Settings > Media Folder > Google Drive. You can now paste your

  • Client ID
  • Client secret

Then save the configuration and click on the Google Drive connection button

google-login

 

If you haven’t made any mistake you should validate the authorization in a new window like bellow

permission-google-api

 
Connection should be a success ☺ Then you can create manage Google drive media from the WordPress media manager

 

2.3 What can I do with Google Drive media?

How does it works? 

WP Media Folder will generate a root folder on your Google Drive with the site name

image23


All the folders and sub folders added in WP Media Folder Google Drive section will synchronized under this folder.

 

What are the sync directions?

It works in both directions! You can add a file from Google Drive and see it in WP Media Folder or add a file in WP File Download and see it in Google Drive. It also means you can manage WordPress files from your desktop using Google Drive sync software. That’s crazy! Yes we know ☺

google-drive-sync

 

The WP Media Folder Google Drive integration allows you 2 type of actions with your media:

Import the Google Drive media in WP Media Folder (folder selection for import)

import-media-google-drive

 

Embed the Google Drive media in your content directly, in this case the media will be loaded in your content from Google Drive, not from your server.

embed-google-drive

 

III. DROPBOX INTEGRATION

3.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 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 an app name

Full Dropbox: File categories from WP File download will be added as folders @ 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 the mess in your Dropbox account).

 

dropbox-app-info

 

 
Then you're almost done, your app is created and you got your App key and secret

app-created

 


3.2 Login to Dropbox in WP Media Folder


Then go back in WordPress admin and click on the menu Settings > Media Folder > Dropbox. Paste your

  • App key
  • App secret

 

Then save the configuration and click on the Dropbox connection button

dropbox-wp-connection

 

You'll have to validate the access authorization for app access, just click allow.

allow-dropbox-app

 

Finally, an authorization code will be generated and you'll have to copy it in WP file download configuration

 

copy-permission

 
Connection should be a success ☺ Then you can create folders, sub folders in Dropbox and in WP Media Folder, everything will be synchronized!

 

3.3 How it works? What can I do with Dropbox?

How it works? 

Dropbox can sync folders/subfolders and files on your WP Media Folder interface and the same is possible on the other way (from WP Media Folder to Dropbox).

dropbox-web


What are the sync directions?

It works in both directions! You can add a file from Dropbox and see in WP Media Folder or add a file in 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! Yes we know ☺

 

Dropbox-two-way-wync

 

The WP Media Folder Dropbox integration allows you 2 type of actions with your media:

Import the Dropbox media in WP Media Folder (folder selection for import)

import-dropbox-folder

 

Embed the Dropbox media in your content directly, in this case the media will be loaded in your content from Dropbox, not from your server.

dropbox-media-embed

 

IV. EMBED PDF IN WORDPRESS CONTENT

 

You can embed a PDF in your content, it means displaying the PDF in WordPress content (not only a download link. You will get full preview of the PDF document, plus, the embed handle multiple page navigation and is responsive design.

Just open a PDF in your media manager and check at the bottom of the right column for the setting Embed PDF: set On

PDF-embed

 

The PDF content will be displayed intead of a download link.