{"id":113464329,"date":"2024-03-25T13:09:54","date_gmt":"2024-03-25T11:09:54","guid":{"rendered":"https:\/\/thrivethemes.com\/?post_type=ht_kb&#038;p=113464329"},"modified":"2025-04-07T15:49:49","modified_gmt":"2025-04-07T12:49:49","slug":"connecting-the-lead-generation-element-to-google-drive","status":"publish","type":"ht_kb","link":"https:\/\/thrivethemes.com\/docs\/connecting-the-lead-generation-element-to-google-drive\/","title":{"rendered":"Connecting the Lead Generation Element to Google Drive"},"content":{"rendered":"\n<p>Do you want to enable users to upload files through a Lead Generation form on your website which then gets saved in a Google drive? This is possible when you build an API connection between the Thrive Dashboard and the Google drive you want to use.<\/p>\n\n\n\n<p>In this article we\u2019ll show you how you can build an API connection between Thrive Dashboard and Google Drive, and how you can use the drive to save files that users upload through lead generation forms.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#obtaining-a-google-drive-client-id-and-secret-key\" title=\"Obtaining the Google Drive Client ID and Secret Key\">Obtaining the Google Drive Client ID and Secret Key<\/a><\/li>\n\n\n\n<li><a href=\"#building-an-api-connection-between-thrive-dashboard-and-google-drive\" title=\"Building an API Connection Between Thrive Dashboard and Google Drive\">Building an API Connection Between Thrive Dashboard and Google Drive<\/a><\/li>\n\n\n\n<li><a href=\"#connecting-a-lead-generation-element-with-google-drive\" title=\"Connecting a Lead Generation Element with Google Drive\">Connecting a Lead Generation Element with Google Drive<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"obtaining-a-google-drive-client-id-and-secret-key\">Obtaining a Google Drive Client ID and Secret Key<\/h3>\n\n\n\n<p>A Google client ID and secret key is the medium through which you can build a secure API connection between your Google account and the Thrive Dashboard on your website.<\/p>\n\n\n\n<p>There are a few steps you\u2019ll need to follow to obtain the client ID and secret key.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#enabling-the-google-drive-api\" title=\"Enabling the Google Drive API\">Enabling the Google Drive API<\/a><\/li>\n\n\n\n<li><a href=\"#configuring-the-oauth-consent-screen\" title=\"Configuring the OAuth Consent Screen\">Configuring the OAuth Consent Screen<\/a><\/li>\n\n\n\n<li><a href=\"#generating-the-oauth-credentials\" title=\"Generating the OAuth Credentials\">Generating the OAuth Credentials<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"enabling-the-google-drive-api\">Enabling the Google Drive API<\/h4>\n\n\n\n<p>To begin enabling the Google Drive API, login to your Google account and open the <a href=\"https:\/\/console.developers.google.com\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Google APIs Console<\/a>.<\/p>\n\n\n\n<p>Clicking on this link will open the APIs and Services page. On this page, you can either choose to select a project you\u2019ve created or opt to create a new one.<\/p>\n\n\n\n<p>If you already have a project that you want to use, you can ignore the project creation steps and click <strong>Select a Project<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:264\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/select-project-google-api.png\" alt=\"Select a project in the Google API console\" class=\"wp-image-114128961\" style=\"width:780px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After you click Select a Project, you\u2019ll see a popup where you can click the project name you want to open.<\/p>\n\n\n\n<p>To create a new project, click the <strong>Create Project<\/strong> button on the top right.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:264\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/create-new-project-google-api.png\" alt=\"Create a new project in the Google API console.\" class=\"wp-image-114128963\" style=\"width:787px;height:auto\"\/><\/figure><\/div>\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>When you click Create Project, you\u2019ll be taken to a page where you\u2019ll be asked to enter the Project name, Organization, and Location. To proceed, enter this information and click <strong>Create<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:766\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-api-new-project-details.png\" alt=\"Enter the project name and other details in Google API console.\" class=\"wp-image-114128964\" style=\"width:495px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>On the project page, click <strong>+Enable APIs and services<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:331\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-project-enable-api.png\" alt=\"Enable APis and services in the Google API project\" class=\"wp-image-114128965\" style=\"width:631px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Clicking <strong>+Enable APIs and services <\/strong>will take you to the Google API page where you can scroll down to <strong>Google Drive API<\/strong>, or use the search bar to search Google Drive in it.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:612\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-api-screen.png\" alt=\"Screen to search APIs in Google API library.\" class=\"wp-image-114128966\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When you search Google Drive API, click on it.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:306\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/select-google-drive-api.png\" alt=\"Select Google drive API\" class=\"wp-image-114128967\" style=\"width:786px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Clicking on the Google Drive block on the API page will take you to the Google Drive API page. On this page, you\u2019ll see two options that\u2019ll allow you to either enable the Google Drive API for the project or try it once.<\/p>\n\n\n\n<p>To enable this API, click the <strong>Enable<\/strong> button.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:637\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/click-enable-google-drive-api.png\" alt=\"Enable the Google Drive API in your account.\" class=\"wp-image-114128968\" style=\"width:503px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once enabled, you will be taken to the project page where you will see the Google Drive API enabled.<\/p>\n\n\n\n<p>Enabling the Google Drive API does not mean you can use it as of yet. You\u2019ll need to follow the steps below to obtain the client ID and Secret key for this API.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"configuring-the-oauth-consent-screen\">Configuring the OAuth Consent Screen<\/h4>\n\n\n\n<p>Once Enabled, you\u2019ll need to proceed setting up credentials. To do this, click <strong>Credentials<\/strong> in the left column.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:354\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-drive-api-credentials.png\" alt=\"Click the Credentials option in the left panel.\" class=\"wp-image-114128969\" style=\"width:671px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Before you are able to create the Google API credentials, you\u2019ll need to Configure the OAuth Consent Screen.<\/p>\n\n\n\n<p>If you haven\u2019t done so yet, you\u2019ll see a notice on the Credentials page asking you to Configure the OAuth Consent Screen by clicking the button.<\/p>\n\n\n\n<p>To proceed, click <strong>Configure Consent Screen<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:243\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/configure-google-api-consent-screen.png\" alt=\"Configure the consent screen button on the right.\" class=\"wp-image-114128970\" style=\"width:822px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Clicking the Configure consent screen button will take you to a page where you\u2019ll be informed that the Google Auth Platform is not configured yet. To do this, click <strong>Get Started<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:550\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/start-google-auth-configuration.png\" alt=\"Setting up the Google Auth Platform\" class=\"wp-image-114128971\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When you click Get Started, you\u2019ll be taken to the Project Configuration page where you begin by entering the requested App Information, such as the Application name and your email address.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:964\/h:1024\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-app-info.png\" alt=\"Google Auth Application information\" class=\"wp-image-114128972\" style=\"width:442px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After the application information, select the audience you want this application to be accessible to. Here, select <strong>External<\/strong> and click <strong>Next.<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:982\/h:1024\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-api-audience.png\" alt=\"Select the audience for the Google project configuration\" class=\"wp-image-114128973\" style=\"width:455px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you select your audience, you\u2019ll have to enter your contact information. These is\/are the email IDs you\u2019d want to receive important notifications in case there are any changes in your application.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1010\/h:1024\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-api-contact-info.png\" alt=\"Enter your contact information - the Email IDs\" class=\"wp-image-114128974\" style=\"width:410px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After you enter your contact information, you must click the checkbox to agree to Google API and services data policies, and click <strong>Continue<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-api-data-policy.png\" alt=\"Agree to Googles User Data Policy.\" class=\"wp-image-114128975\" style=\"width:373px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you click Continue, you are done with all the information required here. To proceed, click <strong>Create<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/create-google-api-config.png\" alt=\"\" class=\"wp-image-114128976\" style=\"width:218px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Now that you have configured the OAuth Consent screen, the next step is to generate the OAuth Credentials.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"generating-the-oauth-credentials\">Generating the OAuth Credentials<\/h4>\n\n\n\n<p>When you configure the OAuth consent screen, you\u2019ll be taken to the OAuth Overview page where you see an option to create an OAuth client. To do so, click the <strong>Create OAuth Client<\/strong> button.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:295\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-create-oauth-client.png\" alt=\"Create an OAuth Client in your Google account.\" class=\"wp-image-114128977\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Clicking the button will take you to a page to create the OAuth Client ID. Here, begin by entering the Application type. To set an application type, select Web application in the dropdown field.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:783\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/select-oauth-client-app-type.png\" alt=\"Select application type - Web application while creating a client ID\" class=\"wp-image-114128978\" style=\"width:455px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After selecting the application type, you can change the default name used for this client ID.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:981\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-oauth-client-name.png\" alt=\"Fill in the application type and the client name\" class=\"wp-image-114128979\" style=\"width:500px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you are done with these basic settings, what\u2019s important is to set the redirect URLs.<\/p>\n\n\n\n<p>To set the redirect URLs for this application scroll down to the <strong>Authorized Redirect URL<\/strong> section and click the <strong>+ Add URL<\/strong> button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:503\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/authorized-redirect-google-api.png\" alt=\"Enter redirect URLs while creating a client ID\" class=\"wp-image-114128981\" style=\"width:499px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When you click the Add URL button, you\u2019ll see an input field to enter the URL.<\/p>\n\n\n\n<p>In this field enter the following URL by replacing \u201cYOUR-SITE\u201d with your domain name, and click <strong>Create<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;&#91;YOUR-SITE]\/wp-admin\/admin.php?page=tve_dash_api_connect<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:593\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-api-redirect-url-1.png\" alt=\"Example of an entered redirect URL while creating a client ID.\" class=\"wp-image-114128982\" style=\"width:487px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Clicking create will create the OAuth client and display the Client ID and Secret Key in a popup.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:988\/h:1024\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-drive-client-id-key.png\" alt=\"Generated Client ID and the secret key.\" class=\"wp-image-114128983\" style=\"width:437px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>The Client ID and the Secret Key that you get here will be needed when you are connecting your Thrive Dashboard to Google Drive. Therefore, copy and save this for further use.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Building an API Connection Between Thrive Dashboard and Google Drive<\/h3>\n\n\n\n<p>After you\u2019ve configured the OAuth Client and Credentials in Google API and services, you can move forward to integrate your Thrive Dashboard with Google.<\/p>\n\n\n\n<p>To begin, open your WordPress admin area, navigate to <strong>Thrive Dashboard &gt;&gt; Thrive Dashboard<\/strong>, scroll down to <strong>API Connections<\/strong> and click the <strong>Manage Connections<\/strong> button.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:464\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-drive-manage-thrive-connections.png\" alt=\"Open the Thrive Dashboard to manage connections\" class=\"wp-image-114128984\" style=\"width:598px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>On the API Connections page, click <strong>Add Connection<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:433\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/add-google-drive-connection.png\" alt=\"click on the block to add more connections in Thrive Dashboard.\" class=\"wp-image-114128985\" style=\"width:579px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When it asks you to select the application you want to connect, select <strong>Google Drive<\/strong> in the dropdown.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-drive-thrive-dashboard.png\" alt=\"Select Google drive as the app to build an API connection with Thrive Dashboard.\" class=\"wp-image-114128986\" style=\"width:314px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When you select Google Drive, enter the Client ID and Secret Key in the respective fields and click <strong>Connect<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-client-id-key-thrive.png\" alt=\"Enter the Google account Client ID and Secret Key in the Thrive Dashboard connection fields.\" class=\"wp-image-114128987\" style=\"width:314px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>To finalize the connection, you\u2019ll need some permissions from the selected Google account. This will take you to a page where you need to select the Google account you want to use.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:431\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/select-google-account-thrive.png\" alt=\"Select your Google account that will grant permissions.\" class=\"wp-image-114128988\" style=\"width:575px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When you select your Google account to be used, you\u2019ll see another popup asking you to grant some permissions. On this popup click <strong>Allow<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:630\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/google-thrive-api-permission.png\" alt=\"Allow permissions to the domain\" class=\"wp-image-114128989\" style=\"width:733px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you click <strong>Allow<\/strong>, you\u2019ll be taken back to the API connections in Thrive Dashboard with a success message saying the integration with Google drive is established.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/thrive-google-drive-success.png\" alt=\"Google drive connection ready in Thrive Dashboard.\" class=\"wp-image-114128990\" style=\"width:303px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"connecting-a-lead-generation-element-with-google-drive\">Connecting a Lead Generation Element with Google Drive<\/h3>\n\n\n\n<p>Once you\u2019ve connected your Thrive Dashboard with the Google Drive, you can now use it in a lead generation element on your website.<\/p>\n\n\n\n<p>To be able to follow the steps below, please ensure you\u2019ve added and set up a lead generation element on a Thrive Architect page. You can read more on using and setting up a Lead Generation element in <a href=\"https:\/\/thrivethemes.com\/docs\/using-the-lead-generation-element-of-thrive-architect\/\" target=\"_blank\" rel=\"noopener\" title=\"\">our document here<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#setting-up-a-file-upload-field\" title=\"Setting Up a File Upload Field\">Setting Up a File Upload Field<\/a><\/li>\n\n\n\n<li><a href=\"#setting-up-allowed-file-types\" title=\"Setting Up Allowed File Types\">Setting Up Allowed File Types<\/a><\/li>\n\n\n\n<li><a href=\"#setting-up-the-maximum-number-and-size-of-files\" title=\"Setting Up the Maximum Number and Size of Files\">Setting Up the Maximum Number and Size of Files<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"setting-up-a-file-upload-field\">Setting Up a File Upload Field<\/h4>\n\n\n\n<p>To let users upload files through a Lead Generation element, please ensure you\u2019ve added the File Upload field to the Lead Generation form.<\/p>\n\n\n\n<p>To set things up, first open the page in the Thrive Architect editor.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:402\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/edit-page-file-upload.png\" alt=\"Edit the page with Thrive Architect\" class=\"wp-image-114128991\" style=\"width:616px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When the page is opened in the Thrive Architect editor, click on the Lead Generation element added to the page. This will open the Form options in the left panel.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:387\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/file-upload-form-options.png\" alt=\"Click the Lead Generation element to view the form options\" class=\"wp-image-114128992\" style=\"width:781px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>In the left panel, under Form Fields, click <strong>+ Add New<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:518\/h:1024\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/add-new-form-field-file-upload.png\" alt=\"Add a new form field in the lead generation element.\" class=\"wp-image-114128993\" style=\"width:262px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After clicking Add New:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the Field type as File Upload<\/li>\n\n\n\n<li>Enter the name of the field (optional)<\/li>\n\n\n\n<li>Select whether you want to make this field mandatory. This means enable the Required option if you want the users to upload a file for successful form submission.<\/li>\n\n\n\n<li>Decide whether you want to display a label with this field.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/file-upload-basic-data.png\" alt=\"set the field type as File Upload.\" class=\"wp-image-114128994\" style=\"width:278px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you fill in these details, the next field lets you select where you want to send the uploaded files to. This is where you select <strong>Google Drive<\/strong> in the dropdown.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/thrive-send-files-google-drive.png\" alt=\"Select the uploaded file destination to Google Drive.\" class=\"wp-image-114128995\" style=\"width:259px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When you select Google Drive as the destination to send uploaded files, enter the folder URL in the next field. You can <a href=\"https:\/\/thrivethemes.com\/docs\/finding-a-google-drive-folder-url-to-upload-a-file-using-lead-generation-element\/\" target=\"_blank\" rel=\"noopener\" title=\"\">refer to our document here<\/a> that\u2019ll help you find the Google Drive Folder URL you want the files to be uploaded to.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:554\/h:1024\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/file-upload-fields.png\" alt=\"Enter the folder URL of where you want the uploaded files to be saved.\" class=\"wp-image-114128996\" style=\"width:304px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After you enter the Google Folder URL, the next field allows you to set what the filename should be. This field will determine the filenames of those that users upload using this field.<\/p>\n\n\n\n<p>In the Filename field you can use static text or use any one or a combination of the following shortcodes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>{email}<\/strong> &#8211; The filename will be the email address of the user who uploaded the file.<\/li>\n\n\n\n<li><strong>{date} <\/strong>&#8211; The filename will be the date on which the file was uploaded.<\/li>\n\n\n\n<li><strong>{time} <\/strong>&#8211; The filename will be the time when the file was uploaded.<\/li>\n\n\n\n<li><strong>{match} <\/strong>&#8211; The filename will be the same as the file that was uploaded.<\/li>\n<\/ul>\n\n\n\n<p>For example, if you enter the following in the field \u201c<strong>Image_{email}_{date}<\/strong>\u201d the filename of the one a user uploads will be something like this: \u201c<strong>Image_user-email@domain.com_dateOfUpload<\/strong>\u201d.<\/p>\n\n\n\n<p>When you finish setting up the field, click <strong>Apply<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/apply-file-upload-settings.png\" alt=\"Apply the changes to the File upload field.\" class=\"wp-image-114128997\" style=\"width:246px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"setting-up-allowed-file-types\">Setting Up Allowed File Types<\/h4>\n\n\n\n<p>After you\u2019ve added the File Upload field in the Lead Generation element, it\u2019s time you select the file type you want to allow here.<\/p>\n\n\n\n<p>To fix the file types you want to allow through the File Upload field, click the form on the page, in the left panel click, under Main Options, click the <strong>Edit Form Elements<\/strong> button.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/edit-form-elements-file-upload.png\" alt=\"Edit form elements in Edit mode\" class=\"wp-image-114128998\" style=\"width:252px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Clicking the <strong>Edit Form Elements<\/strong> button will open the form in an editor allowing you to edit the elements you see in there.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:669\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/form-file-element-editor.png\" alt=\"See the lead generation element in the edit mode.\" class=\"wp-image-114128999\" style=\"width:678px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>While in the Form Elements editor, click the <strong>File Upload<\/strong> element and see the options open in the left panel.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:574\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/file-upload-edit-options.png\" alt=\"See the file upload field options in the left panel while in the edit mode.\" class=\"wp-image-114129000\" style=\"width:769px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>In the left panel, scroll down to the Allowed File Types option to select the file type or types you want to allow. You can select a single or multiple file types here.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/select-upload-file-types.png\" alt=\"Select the file types you want to allow the users to upload\" class=\"wp-image-114129002\" style=\"width:289px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you select the file types and finish all the other settings for the form, click <strong>Done <\/strong>to exit the Edit Mode.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/done-form-edit-mode.png\" alt=\"Exit the edit mode by clicking done after you finish editing the form elements\" class=\"wp-image-114129003\" style=\"width:340px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"setting-up-the-maximum-number-and-size-of-files\">Setting Up the Maximum Number and Size of Files<\/h4>\n\n\n\n<p>Now that you have the File Upload field set with the allowed file types, you can also set the maximum number of files a user uploads and the maximum file size you want to allow.<\/p>\n\n\n\n<p>To do so, click the form on the page, in the left panel click, under Main Options, click the <strong>Edit Form Elements<\/strong> button.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/edit-form-elements-file-upload.png\" alt=\"Edit Form Elements on the Lead Generation Element.\" class=\"wp-image-114128998\" style=\"width:255px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Clicking the <strong>Edit Form Elements<\/strong> button will open the form in an editor allowing you to edit the elements you see in there.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:669\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/form-file-element-editor.png\" alt=\"Form Elements in Edit Mode\" class=\"wp-image-114128999\" style=\"width:651px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>While in the Form Elements editor, click the <strong>File Upload<\/strong> element and see the options open in the left panel.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:574\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/file-upload-edit-options.png\" alt=\"Form element options as seen in the left panel.\" class=\"wp-image-114129000\" style=\"width:744px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>In the left panel, scroll down to the options that say Max Files and Max File Size. This is where you can enter the maximum value you want to set for each of them.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/max-upload-file.png\" alt=\"Enter the maximum number of files and the maximum size of files you want to allow the users to upload.\" class=\"wp-image-114129004\" style=\"width:287px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you select the maximum number of files and the maximum file size allowed and finish all the other settings for the form, click <strong>Done<\/strong> to exit the Edit Mode.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2024\/03\/done-form-edit-mode.png\" alt=\"Click done when you finish editing the form elements to exit the edit mode.\" class=\"wp-image-114129003\" style=\"width:366px;height:auto\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After all of this please ensure you click the Save Work button while the page is open in the Thrive Architect editor. This will save all the changes you\u2019ve made to the page, the Lead Generation element, the form and the File Upload field you just added.<\/p>\n\n\n\n<p>We\u2019ve just seen how you can connect your Thrive Dashboard to Google Drive and use it with a Lead Generation element on your website.<\/p>\n\n\n\n<p>Next, do you want to add an email connection to your Lead Generation element? You can <a href=\"https:\/\/thrivethemes.com\/docs\/adding-an-email-connection-to-a-lead-generation-element\/\" target=\"_blank\" rel=\"noopener\" title=\"\">refer to our document here <\/a>for step by step instructions on how to do it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to enable users to upload files through a Lead Generation form on your website which then gets saved in a Google drive? This is possible when you build an API connection between the Thrive Dashboard and the Google drive you want to use. In this article we\u2019ll show you how you can [&hellip;]<\/p>\n","protected":false},"author":247776,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[34068],"ht-kb-tag":[],"class_list":["post-113464329","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-api-connections","post-wrapper","thrv_wrapper"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb\/113464329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/users\/247776"}],"replies":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/comments?post=113464329"}],"version-history":[{"count":0,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb\/113464329\/revisions"}],"wp:attachment":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/media?parent=113464329"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb-category?post=113464329"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb-tag?post=113464329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}