How to Connect my Dropbox App with Wordpress | CodeConfig
CodeConfig File Manager for Dropbox logo

Integrate Dropbox

45
Getting Started
Purchase and License
Media Library
Module Builder
File Manager
Private Folders
Auto Synchronization
WooCommerce
Advanced Custom Fields
Tutor LMS
Contact Form 7
Page Builder Integration
Elementor
Others

How to connect my Dropbox App with WordPress?

This documentation provides a guide on linking your Dropbox app with a WordPress plugin to Integrate Dropbox features into your site.

Step 1: Navigate to the App Console

Log in to the Dropbox Developer Console: Go to the Dropbox App Console by logging in to your Dropbox account.

Step 2: Create a Dropbox App

Click on the “Create app” buttonCreate Dropbox App

  1. Select “Scoped access.”
  2. Under “Choose the type of access you need”, select “Full Dropbox– Access to all files and folders in a user’s Dropbox.”
  3. And then set a name for your app and click “Create App”.Create a new app on the dbx platform

Step 3: Set Required Permissions

To access files in the WordPress dashboard, please follow these steps to grant the necessary permissions:

  1. First, go to the Permissions tab.
  2. Then check all the Individual Scopes
  3. And click the Submit button at the bottom.Integrate Dropbox App Permissions
!Important: All these options must be checked, it’s required.
  • Account info
    • account_info.read
    • account_info.write
  • Files and folders
    • files.metadata.read
    • files.metadata.write
    • files.content.read
    • files.content.write
  • Collaboration
    • sharing.read
    • sharing.write
    • file_requests.read
    • file_requests.write
    • contacts.read
    • contacts.write
  • OpenID (optional, only if you use login features)
    • openid
    • profile
    • email

Step 4: Configure API Credentials

  • Go to the Settings tab to find your App Key and App Secret
  • Copy both the App Key and App Secret
  • Copy the Redirect URL from the File Manager for Dropbox plugin login screen
  • Paste the Redirect URL into the OAuth 2 Redirect URIs field (use the first Ajax URL)
  • Click the Add button and return to your WordPress DashboardConnect Dropbox to WordPress
Note: Make sure the website has a valid SSL certificate. Use the URL format “http://localhost:xxxx” if it’s a local server.

Step 5: Configure the Plugin

  • Enter API Credentials
    • Find the fields for App Key and App Secret
    • Paste the App Key and App Secret you copied from the Dropbox Developer Console
  • Set the Redirect URI
    • Add the Redirect URL to your Dropbox app’s OAuth 2 redirect settings
  • Authorize the App
    • After adding the App Key, App Secret, and Redirect URL, click the Sign In button
    • Log in to your Dropbox account, and you’re all setAdd information to connect App information

Step 6: Branding (Optional)

Branding information is displayed in the authorization window. Please see the image below.Integrate Dropbox Branding

Conclusion

By following these steps, you have successfully linked your own Dropbox app with the WordPress plugin. This integration allows for secure and efficient interaction with your Dropbox account using your custom API credentials.