Skip to content

Google Drive Integration

Free integration with Google Drive for automatic file uploads

Google Drive integration is available in both the free and Pro versions, offering a trusted and user-friendly cloud storage option for managing your Fluent Forms file uploads with ease and reliability.

Setup Process

Google Drive Integration With Fluent Forms via Cloud Storage Manager

Integrating Google Drive with the Fluent Forms plugin allows the synchronization of files between the two platforms.

Steps to configure Google Drive

To integrate Fluent Forms with Google Drive, follow the steps with screenshots below:

Accessing Google Cloud Console

First, go to the Google Cloud Console and select APIs & Services.

Accessing Google Cloud Console

Creating New Project

To get the API credentails, create a new project by clicking the Create Project.

Or, you can easily select any of your existing projects from the "Select a Project" dropdown list by clicking on the Arrow Icon.

Select a Project

Give a name to your project (location is optional) and press the CREATE button.

Creating New Project

Enabling Google Drive API

Click on + Enable APIs and services.

ENABLE APIS AND SERVICES

Select Google Drive API.

Google Drive API

Now, click on the ENABLE button to activate the Google Drive API.

Active ENABLE button

After enable the drive api, you will see the Manage button, click on it.

CREATE CREDENTIALS button

Here, you will find five steps that you need to complete. These are:

  • Credential Type

  • OAuth consent screen

  • Scopes

  • OAuth Client ID

  • Your Credentials.

  • In Credential Type select the User Data field and press the Next button.

Credential Type

  • In the OAuth Consent Screen, give an App name, User support email, and Developer email. Once you are done, click the SAVE AND CONTINUE button.

OAuth Consent Screen

  • As Scopes is optional, you can skip it and go to the next step by clicking the SAVE AND CONTINUE button.

Scopes

In OAuth Client ID

  • In the Application type, select Web Application.
  • In the Name field, enter any name you prefer.
  • In the Authorized redirect URLs section, paste the OAuth2 redirect URL:
https://fluentwiz.com/google_drive/

OAuth Client ID

  • In the fifth step, you will find the Client ID you can copy. Now click on the Done button and the credential will be ready.

Your Credentials

On this page, navigate to the CREDENTIALS section, then click on Your App Name (e.g:Web Client 1) under the OAuth 2.0 Client IDs heading.

CREDENTIALS & Web Client 1

Next, you'll see a page displaying the Client ID and Client Secret. Copy both values, then click the Save button.

Client ID and Client Secret

Now, go to the OAuth Consent Screen section and click the PUBLISH APP button.

PUBLISH APP button



The Final Step!

Configure Google Drive in Cloud Storage Manager

  1. Return to your Fluent Forms Dashboard, go to Global Settings, and click the Configurations button under the Cloud Storage Manager tab. Now, click on the Google Drive card.

Configure Google Drive in Cloud Storage Manager

  1. Click the Configuration Instructions tab to view the steps for integrating instructions for Google Drive.

Configure Google Drive Instructions

  1. Paste the Client ID & Client Secret (from your Google Drive app) into the Client ID & Client Secret fields, then click the Generate Access Code button.

Client ID, Client Secret and Generate Access Code

  1. A popup will appear for Choose an account to select the account you want to connect to Google Drive.

Choose an google account to continue

  1. A new popup will display your access code. Click Copy Code, then paste the code into the Access Code field. Next, click Verify & Continue button to validate your credentials and establish a successful connection to Google Drive.

Access Code

  1. Next configure Folder organization and Fluent Forms settings. Follow the steps below:
Step 1:
  • Select the Parent Folder where your files will be stored in Google Drive.
  • Configure the Custom Folder using custom naming with dynamic shortcode (click in the right side folder icon to open the dynamic shortcode editor). This custom folder will be created under the selected parent folder in Google Drive and used to organize your uploaded files.
Step 2:
  • Under Fluent Forms Settings, select which form(s) you want to integrate with Google Drive (or tick the Enable for all Fluent Forms checkbox for all forms).
  • If you want to delete local files after uploading to Google Drive, then tick the Auto-delete local files after uploading to Google Drive checkbox.
  • If you want to delete file from Google Drive when Fluent Forms form entry deleted, then tick the Auto-delete Google Drive files on form entry delete checkbox.
  1. Finally, click the Save & Active button to complete the setup.

Configure folder organization and fluent forms settings

Congratulations! You have successfully integrated Google Drive with Fluent Forms via Cloud Storage Manager! Now your uploaded files will be stored in your Google Drive account and you can access them from your Cloud Storage Manager.

** If you have any further queries, concerns, or suggestions, please do not hesitate to contact our support team. Thank you.

Configuration Options

Custom Folder Naming With ShortCodes

Recommended Folder Structure:

{form_title}/{submission.id}

Custom Folder Structure You can personalize your folder structure by using the following dynamic shortcodes:

  • {form_title} - Title of the form
  • {submission.id} - Submission ID
  • {date.Y-m-d} - Current date (Y-m-d)
  • {date.Y} - Current year (Y)
  • {date.m} - Current month (m)
  • {date.d} - Current day (d)
  • {user_id} - WordPress user ID (if logged in)

Released under the GPL v2 License.