How To Use Integrate Dropbox With Gutenberg Editor?

Integrating Dropbox with the Gutenberg Editor is straightforward. Follow these easy steps to get started:

Video Tutorial:

Step 1: Enable Gutenberg Integration

1. Go to Plugin Settings:
   • Open your WordPress dashboard.
   • Navigate to the Integrate Dropbox Plugin Dashboard
2. Enable Integration:
   • Go to Settings > Integrations
   • Find and toggle Enable Gutenberg Editor to on.
   • Click Save Changes at the top right of the settings page.

Step 2: Configure Modules

The plugin offers two ways to add Dropbox modules: using the Module Builder or Shortcode Module. Here’s how to use both:

Module Builder

1. Open or Create a Page/Post:
   • Start a new page/post or edit an existing one where you want to show Dropbox modules.
2. Add Module with Block Inserter:
   • Choose the Module Type you want to use.
   • Click Configure to set it up.
   • File Browser: Allows users to browse Dropbox files and folders.
   • Photo Gallery: Show images in a grid with a lightbox preview.
   • Media Player: Play audio and video files.
   • File Search: Let users search for Dropbox files and folders.
   • Embed Documents: Embed Dropbox documents (read-only or editable).
   • Download Links: Add links for downloading Dropbox files.
   • View Links: Add links to view Dropbox files.
3. Configure the Module:
   • Adjust the settings as needed for the selected module.

Shortcode Module: 

From the shortcode builder, you can create a shortcode and add it to the Gutenberg editor using the Integrate Dropbox Module.

1. Open or Create a Page/Post:
   • Start a new page/post or edit an existing one.
2. Add Shortcode with Block Inserter:
   • Use the Block Inserter.
   • Search for Shortcode Module and select it.
   • Choose the Module Type you want to display.
   • Click Publish or Update to save changes.

Preview Gutenburg Module in Frontend

Update and click the preview to see the result.