How to Embed Google Drive Files on Pages or Posts?

Want to showcase your Google Drive files directly on your website or blog? Whether a document, presentation, or image, embedding files from Google Drive can make your content more interactive and accessible.

Embedding Google Drive files in a WordPress website allows easy access and sharing of documents, images, and other media directly from the cloud. Here are some useful ways to embed Google Drive files with different WordPress editors & plugins:

Integrate Google Drive
Classic Editor
Gutenberg
Elementor

This guide’ll walk you through the simple steps to seamlessly embed Google Drive files into your web pages or posts. Let’s get started!

Embed Files Using Embed Shortcode Module

In this section, we’ll guide you through the steps to embed Google Drive files directly into your WordPress website. Follow these simple instructions to display documents, videos, and more on your pages or posts effortlessly.

Go to Google Drive (from the WordPress Dashboard Menu).
Navigate to Settings.
Open the Shortcode Builder.
Click on ‘Add New Shortcode’.
Select the ‘Embed Documents’ Module.
From the ‘Sources’ Tab, choose the type of Google Drive file you want to display on your WordPress website (e.g., .doc, .mp4, .mp3, .pdf, .xls, .csv).
Configure other tabs based on your needs.
Copy the shortcode and paste it inside any page or post to display the files using the embed documents module.

Embed Files Using Classic Editor

This guide shows you how to embed Google Drive files directly into your WordPress posts or pages using the Classic Editor. Follow these steps to seamlessly add documents, videos, and more to your content.

Install Classic Editor: Navigate to WordPress Dashboard > Plugins > Add New > Search for Classic Editor > Install & Activate the plugin.
Enable Classic Editor Integration: Make sure you have enabled Classic Editor integration. To enable Classic Editor integration, go to Integrate Google Drive > Settings > Integrations > Enable Classic Editor.
Embed Using Classic Editor: Go to any of your page or post Editing Mode > click the Google Drive Icon > Select Google Drive Files & Folders you want to Embed.

Embed Files Using Gutenberg Block Editor

Learn how to embed Google Drive files directly into your WordPress content using the Gutenberg Block Editor. Follow these simple steps to easily display documents, images, and videos in your posts or pages.

Enable Gutenberg Integration: Make sure you have enabled Gutenberg Editor Integration. To enable Gutenberg Editor integration, go to Integrate Google Drive > Settings > Integrations > Enable Gutenberg Editor.
Embed Using Gutenberg: Go to any of your page or post Editing Mode > add a new block > search for Embed Documents module and click on it > select necessary files to embed.

Embed Files Using Elementor Editor

Discover how to embed Google Drive files seamlessly into your WordPress pages using the Elementor Editor. This guide makes it easy to showcase documents, media, and more with a few simple steps.

Install Elementor Editor: Navigate to WordPress Dashboard > Plugins > Add New > Search for Elementor > Install & Activate the plugin.
Enable Elementor Integration: Make sure you have enabled Elementor integration. To enable Elementor integration, go to Integrate Google Drive > Settings > Integrations > Enable Elementor.
Embed using Elementor: Go to any of your pages or post Edit Mode > Edit with Elementor > Drag & Drop Embed Documents Widget > Select Files & Documents you want to Embed.