How to Use Integration for Google Drive In Elementor? | CodeConfig
CodeConfig Banner
CodeConfig Halloween Banner
CodeConfig Halloween Banner
CodeConfig Halloween Offers
00
Days
00
Hours
00
Min
00
Sec

Halloween25

GRAB IT NOW
CodeConfig Halloween Banner
Integration For Google Drive Logo

Google Drive

28
Getting Started
Purchase and License
Module Builder
Page Builder Integration
Media Library Integration
Auto Synchronization
Settings
Others

How to Use Integration for Google Drive in Elementor?

Using Google Drive in Elementor can often feel complicated and cluttered. The Integration for Google Drive plugin makes it simple by allowing you to easily access and insert your Google Drive files directly into Elementor. Here’s how it works step-by-step.

Step 2: Enable Elementor Integration

  1. Go to the Integration for Google Drive plugin dashboard.
  2. Click on Settings.
  3. Select Integrations.
  4. Enable Elementor Integration.
  5. Click Save Changes from the top-right corner of the settings page.How to Use Integration for Google Drive In Elementor

Step 3: Edit with Elementor

  1. Create a new page or post, or open an existing one where you want to display your Google Drive modules.
  2. Click on Edit with Elementor.

Step 4: Inserting Modules

After you’re redirected to the Elementor editor, you can now insert any existing module or create a new one.

  1. Open the Widgets Inserter panel.
  2. Scroll down to find the Google Drive Modules section.
  3. Drag and drop the desired widget into your preferred section.
  4. Click the Configure Module button to set it up just like you did in the module builder.Inserting Google Drive Widget to Elementor

Have questions about how to build a module? Read this guide.

Step 5: Inserting Shortcode Module

If you’ve already created a module in the Module Builder and want to insert it using a shortcode:

  1. Drag the Shortcode List widget into your desired section.
  2. Select the shortcode you want to insert from the dropdown list.Inserting Google Drive Shortcode List Widget to Elementor

Step 6: Output

For example, if you select the File Browser module, it will appear directly on your Elementor page. You can now preview and interact with it just like any other Elementor widget. Integration-for-Google-Drive-File-Browser-Moduel-Preview