Quick Answer:
To integrate Google Drive with WordPress, install the DriveHub plugin, go to its settings, click Connect Account, and sign in with Google. Once connected, you can embed Drive files, display image and video galleries, create file browsers, and add upload forms to any page or post.Files stay in Google Drive and are never copied to your WordPress server, so your hosting storage is not affected.
Most WordPress sites store media and documents directly on the server. That works for small sites. It creates problems as the catalog grows: storage costs rise, file sharing requires WordPress logins, and team members working in Google Drive end up managing two separate systems.
Google Drive already has the files. The question is how to connect it to your WordPress site. This guide covers three ways to do it, who each option suits, and a full walkthrough for the fastest no-code method available.
Table of Contents
Why Integrate Google Drive with WordPress?
WordPress and Google Drive serve different purposes but often hold the same files. Connecting them removes the duplication and unlocks several workflow improvements.
- Files stay in Drive, not on your server: Your WordPress hosting storage stays lean. Large PDFs, images, and videos live in Google Drive and stream directly to your site.
- No WordPress login needed for collaborators: Team members, contractors, and clients can add files to a shared Drive folder. Those files appear on your site automatically.
- Google Drive’s permission controls extend to your site: Restrict who can view, download, or upload files based on their Google account or WordPress role.
- Familiar tools for your team: Staff who live in Google Docs and Sheets do not need to learn the WordPress media library. They work in Drive. The site reflects the changes.
- Version history and real-time collaboration come with the files: Every Drive document carries its full edit history. Multiple people can work on a document without creating duplicate copies.
3 Ways to Integrate Google Drive with WordPress
Method 1: Google’s Native Embed Code
Google Drive lets you generate an iframe embed code for any file or folder. Open the file in Drive, click Share, then click the three-dot menu and choose Embed. Copy the HTML snippet and paste it into a WordPress Custom HTML block on any page or post.
- Best for: Quickly displaying a single document, spreadsheet, or shared folder without installing anything.
- Limitation: No upload support. Visitors cannot add files. No access control inside WordPress. The embedded frame shows the standard Google Drive interface with no customization options.
Method 2: Zapier (Trigger-Based Automation)
Zapier can connect Google Drive events to WordPress actions. For example: when a new file is added to a specific Drive folder, create a new WordPress post or upload the file to the WordPress media library.
- Best for: Content teams automating publishing workflows. Move a file to a Drive folder and have it appear as a draft post or attachment in WordPress automatically.
- Limitation: This is not an embedded Drive integration. Visitors do not browse Drive files through your WordPress site. Zapier automates one-time transfers, not a live connected experience.
Method 3: DriveHub Plugin (Full WordPress Google Drive Integration)
DriveHub is a native WordPress plugin that creates a full, live connection between your Google Drive and your WordPress site. Once connected, you can browse Drive files from the WordPress dashboard, embed documents and media on any page, build searchable file libraries, and add upload forms for visitors, all without writing a line of code.
- No Google API key required for the standard setup. DriveHub handles OAuth authentication directly.
- Files stay in Google Drive. Nothing is copied to your WordPress server.
- Works with Gutenberg, Elementor, Divi, and the Classic Editor.
- Free version available. Pro plans add frontend browsing, upload forms, media player, and WooCommerce support.
Comparison: Which Method Is Right for You?
| Method | Uploads | Access Control | Coding | Best For |
| Native Embed Code | No | No | No | One-off file or folder display |
| Zapier | No | No | No | Automating Drive-to-WordPress content |
| DriveHub | Yes | Yes | No | Full no-code Drive integration |
If you only need to display one document occasionally, the native embed code takes 30 seconds and needs no plugin. If your team runs content workflows between Drive and WordPress, Zapier handles the automation. If you want a full Google Drive integration inside WordPress, including upload forms, access control, and embedded browsing, DriveHub is the right tool.
How to Connect Google Drive to WordPress with DriveHub
DriveHub offers two connection methods. The standard one-click OAuth path works for most sites and takes under 5 minutes. The manual API setup is available for teams that need a dedicated Google Cloud project with custom OAuth branding. See the full manual setup guide for the detailed 16-step walkthrough.
Option A: One-Click OAuth Setup (Recommended)
This is the default and fastest path. No Google Cloud Console required.
- Install DriveHub from the WordPress plugin repository. Go to Plugins, Add New, search for DriveHub, and click Install Now, then Activate.
- Open DriveHub in your WordPress dashboard. It appears in the left sidebar after activation.
- Go to DriveHub Settings and click Connect Account.
- A Google sign-in screen opens. Select the Google account linked to the Drive you want to connect.
- Review and approve the permissions DriveHub requests. These cover read and write access to your Drive files.
- Your account appears as Connected in the Linked Accounts section. Google Drive is now available across your WordPress site.
Tip: If you manage multiple sites or need a white-label OAuth experience, use Option B to create a dedicated Google Cloud project under your own brand.
Option B: Manual API Key Setup (Custom Google Cloud Project)
Use this method if you want a dedicated Google Cloud project, custom OAuth branding, or need to connect a Google Workspace account with stricter API policies. The full step-by-step process is covered in the official DriveHub documentation linked above. Here is the condensed overview:
- Create a new project in Google Cloud Console and name it DriveHub.
- Enable the Google Drive API under APIs and Services.
- Configure the OAuth consent screen. Set audience to External, add the required scopes (drive, userinfo.email, userinfo.profile, openid), and add your Google account as a test user.
- Create an OAuth 2.0 Client ID. Set the application type to Web application.
- Copy the Authorized Redirect URI from DriveHub settings in WordPress and paste it into the Google Cloud OAuth client configuration.
- Copy the Client ID and Client Secret from Google Cloud and paste them into DriveHub settings in WordPress.
- Click Connect Account and complete the Google authorization flow.
- Confirm the account shows as Connected in DriveHub Linked Accounts.
Note: Google requires OAuth apps to go through a verification process before they can be used by accounts outside the test user list. For personal or internal use, test mode is sufficient.
What You Can Do After Connecting Google Drive to WordPress
Once DriveHub is connected, your Drive account is available inside WordPress. Here is what that enables:
Display a File Browser on Any Page
Add a DriveHub shortcode or block to any page or post. Visitors see a browseable view of a Drive folder with file names, types, and sizes. They can open or download files based on the permissions you set.
Embed Documents, PDFs, and Media
Embed any Drive file directly into a page without downloading it first. Google Docs, Sheets, Slides, PDFs, images, and videos all render inline. The file stays in Drive and streams to the page on demand.
Accept File Uploads from Visitors
Add a frontend upload form to any page so visitors can submit files directly to a Drive folder. The free version supports Contact Form 7 uploads. Pro adds a standalone frontend uploader that works without a contact form.
Build a Searchable Document Library
Create a filterable list of Drive files for your visitors. Useful for resource hubs, member portals, legal document repositories, and knowledge bases where users need to find specific files quickly.
Control Access by Role or Password
Restrict which files or folders are visible based on WordPress user roles or password protection. Logged-in subscribers can see different content than guests. Team members see folders their role permits. Drive permissions apply on top of WordPress role controls.
Server storage impact: zero. Every file displayed, embedded, or uploaded through DriveHub stays in Google Drive. Your WordPress hosting plan is not affected.
DriveHub Free vs Pro: What Is the Difference?
DriveHub has a generous free version that covers the core integration. The Pro version adds frontend-facing features that let visitors interact with Drive files directly from your site.
| Feature | Free | Pro |
| File browser (WordPress dashboard) | Yes | Yes |
| Embed documents, PDFs, Sheets, Slides | Yes | Yes |
| Image and video galleries from Drive | Yes | Yes |
| Contact Form 7 file uploads | Yes | Yes |
| Frontend file browser for visitors | No | Yes |
| Frontend upload forms for visitors | No | Yes |
| Media player (audio and video) | No | Yes |
| WooCommerce downloadable products | No | Yes |
| Private folders per user | No | Yes |
| Multiple Google Drive accounts | No | Yes |
| File download analytics | No | Yes |
Pro plans start at $49 per year for a single site. All plans include the same feature set and a 7-day refund guarantee. See the full breakdown on the DriveHub product page.
Frequently Asked Questions
Does integrating Google Drive with WordPress require coding?
No. DriveHub handles the full integration through a point-and-click setup. The one-click OAuth path connects your Drive account in under 5 minutes with no Google API key or Cloud Console work required.
Will my Google Drive files be copied to my WordPress server?
No. DriveHub connects to your Drive account and serves files directly from Google’s servers. Nothing is downloaded to or stored on your WordPress hosting. Your server storage stays the same after the integration.
Can visitors upload files to Google Drive from my WordPress site?
Yes, on the Pro plan. DriveHub adds a frontend upload form that lets visitors submit files directly to a Drive folder you specify. The free version supports uploads through Contact Form 7.
Does DriveHub work with Elementor, Divi, and Gutenberg?
Yes. DriveHub is compatible with the Gutenberg block editor, Elementor, Divi, and the Classic Editor. Use the DriveHub block or shortcode to embed Drive content inside any page builder layout.
Is there a free version of DriveHub?
Yes. The free version of DriveHub includes file browser management, document and media embeds, image and video galleries, and Contact Form 7 uploads. Pro features like the frontend file browser, visitor upload forms, media player, and WooCommerce support require a paid plan starting at $49 per year.
Can I connect multiple Google Drive accounts to one WordPress site?
Yes, on the Pro plan. DriveHub Pro supports multiple Google Drive accounts and Shared Drives on a single WordPress installation. The free version supports one connected account.
Final Thoughts
Three options cover most Google Drive and WordPress integration needs. The native embed code works for a quick one-off display. Zapier works for teams automating content publishing between Drive and WordPress. DriveHub works when you want a full, live integration: browseable file libraries, embedded media, visitor upload forms, and role-based access control, all without any code.
Start with the free version of DriveHub. Install it, connect your Google account using the one-click OAuth path, and add a Drive file browser or embedded document to any page.