Flexx Google Drive Integration
A lightweight, high-performance WordPress plugin to browse and display Google Drive folders and files directly on your website. Features a modern, responsive interface with full support for Light and Dark themes.
by Flexx by Christos Kanotidis · github.com/christoskaterini/flexx-google-drive-integration · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/christoskaterini/flexx-google-drive-integration/archive/refs/heads/main.zipA lightweight, high-performance WordPress plugin to browse and display Google Drive folders and files directly on your website. Features a modern, responsive interface with full support for Light and Dark themes.
Features
- Blazing Fast: Uses Google Drive API v3 with transient caching for optimal performance.
- Modern UI: Clean, responsive file explorer that blends into any theme.
- Shortcode Powered: Easily embed file browsers anywhere using simple shortcodes.
- Fully Customizable: Control layouts (Grid/List) and colors (Background, Header, Text) via settings or shortcode attributes.
- ID Extractor: Built-in tool in the admin settings to easily get folder IDs from Google Drive URLs.
- Secure: Uses API Key authentication for "Public" shared folders (Anyone with link can view).
Installation
- Upload the
flexx-google-drive-integrationfolder to the/wp-content/plugins/directory. - Activate the plugin through the 'Plugins' menu in WordPress.
- Navigate to Tools > Google Drive to configure your API Key and Master Folder ID.
Shortcode Usage
Embed the file browser using the [flexx_google_drive] shortcode.
Attributes
| Attribute | Default | Description |
|---|---|---|
folder_id |
Master ID | The Google Drive folder ID to display. |
layout |
grid | View mode: grid or list. |
label |
Home | The label for the root navigation item. |
bg |
#ffffff | Background color of the browser. |
header |
#f8f9fa | Header background color. |
text |
#3c4043 | Text and icon color. |
file_action |
tab | File click action: tab (New Tab), modal (Slider Preview), or inline (Inside Container). |
Examples
Default View
[flexx_google_drive]Demo Video
You can watch a short demonstration of the plugin in action here.
List Layout
[flexx_google_drive layout="list"]List Layout
[flexx_google_drive layout="list"]Dark Theme (Standard)
[flexx_google_drive bg="#121212" header="#1e1e1e" text="#e0e0e0"]Dark Theme (Elegant)
[flexx_google_drive bg="#1a1a1b" header="#2d2d2e" text="#eeeeee"]Corporate Soft Blue
[flexx_google_drive bg="#f8fafd" header="#eff4f9" text="#3c4043"]Fullscreen Modal Preview (Slider)
[flexx_google_drive file_action="modal"]Inline Embedding (Inside Page)
[flexx_google_drive file_action="inline"]Requirements
- WordPress 5.0+
- PHP 7.4+
- Google Cloud Console Project with Google Drive API enabled and a valid API Key.
License
This plugin is released under the GNU General Public License v2 or later (GPL‑2.0+). You are free to use, modify and redistribute the code, but any distributed versions must remain under the same license and retain the original copyright notices.
Because of the GPL’s copyleft terms, nobody may take this code and claim it as their own work; derivatives must stay open and licensed under the GPL as well. (The GPL allows people to sell copies, but they cannot remove the license or the copyright.)