View Categories

How to Connect DriveHub to Contact Form 7 and Send Files to Google Drive 

Do you want people to send files straight to your Google Drive when they fill out a form on your website? You can easily do this by using DriveHub with Contact Form 7. 

This setup is super useful because it keeps your website server light since large files don’t pile up inside your hosting space, and it keeps all your documents neatly organized in one secure place.

Here is an easy, step-by-step guide to help you set it all up!

Step 1: Install and Activate DriveHub #

From the WordPress plugin repository install and activate Drivehub using the following method.

  1. Go to Plugins from your WP-Admin.
  2. Click on Add New.
  3. Search for DriveHub.
  4. Click Install and then Activate the plugin
Install and activate drivehub

Step 2: Add your Google Account #

Once activated you’ll be redirected to the Setup menu.

  1. Click on Start Setup
  2. Choose the setup method (Whole Drive/Selected Folder)
  3. Click on Add Account.
  4. Select the Google Account you want to add.
  5. Allow the necessary permissions.

Read our step by step setup guide to avoid any confusion. 

Step 3: Enable Contact Form 7 Integration  #

From the DriveHub settings > choose Integrations. 

  1. Select Integrations.
  2. Enable Contact Form 7.
  3. Click Save Changes.

Step 4: Creating a Module #

The next step is to create a module so that we can use it with the integration.

  1. Go to DriveHub and click on Module.   
  2. Create a new File Uploader Module.
Creating the module

Step 5: Choose Your Google Drive Folder (Source Tab)  #

In this step, you pick where the files from your form will go:

  • Go to the Source Tab.
  • Pick the Google Drive folder where you want people’s uploaded files to be saved.
Choosing the folder

Step 6: Choose File Rules (Filter Tab) #

Here, you can decide what kinds of files people are allowed to send:

  • Go to the Filter Tab.
  • Allowed Extensions: Type in the types of files you want (like jpg, png, gif) separated by commas. If you leave this blank, people can upload any file type.
  • File Limits: Choose the maximum or minimum number of files people can upload, and how big or small the file size can be.
Filter Tab inside DriveHub

Step 7: Change How It Looks (Advanced Tab) #

  • Go to the Advanced Tab.
  • Here, you can change the size and width of the upload box on your website.
Advance tab inside DriveHub

Step 8: Set Up Email Alerts (Notifications Tab) #

  • Go to the Notifications Tab.
  • Turn this on if you want to get an email every time someone uploads a file through your form.
Notification Tab inside DriveHub

Step 9: Choose Who Can Use It (Permissions Tab) #

  • Go to the Permissions Tab.
  • Here, you can choose if Everyone can use the upload box, or only people who are Logged In to your website.
  • You can also set a password if you want to keep the uploader extra safe.
  • There are several other options to configure based on your needs and requirements.

Don’t forget to click the Save Changes button at the top right when you are finished!

Permissions tab inside DriveHub

Step 10: Configuring Contact Form 7 #

From the Contact Form 7 settings, create a New form or edit an existing one. 

  1. Add all the necessary fields that you need (e.g., name, email, etc.)
  2. From the Form tab, check for the Google Drive Upload option.
From the Form tab, check for the Google Drive Upload option.
  1. Click on the Google Drive Upload option and modify it.
  2. Choose the Field Type.
  3. Select the option whether to keep it as a Required field.
  4. Select a module or create a new one straight from there.
  5. Once you’re done, Insert Tag inside your form
  6. Place it and configure the placement according to your needs
Configuring Google Drive Upload settings

Step 11: Publish the Form #

Once you’re happy with all the settings, publish the form. Copy the shortcode and embed it inside one of your pages, or create a new page for the form.

Now whenever someone uploads a file, image, or any other attachment, you will receive an email suggesting the activity and also the file or attachment will be saved inside your connected folder. 

Step 11: Publish the Form

Powered by BetterDocs