Alex Agranov

<h4>Development Has Been Seized</h4>
Due to Caldera Forms being <a href="https://calderaforms.com/2021/03/the-future-of-caldera-forms" rel="nofollow ugc">sunset/retired</a> on December 31, 2021 development of this pluging has been seized too.
You are welcome to continue using the plugin “as is”. However please expect the plugin to stop functioning on October 3, 2022 (because it uses out-of-band OAuth flow that will be <a href="https://developers.googleblog.com/2022/02/making-oauth-flows-safer.html" rel="nofollow ugc">deprecated</a> by Google by that date).
I have personally migrated all my forms to <a href="https://wordpress.org/plugins/contact-form-7" rel="ugc">Contact Form 7</a> plugin with the following extensions:
<ul>
<li><a href="https://wordpress.org/plugins/cf7-conditional-fields" rel="ugc">Conditional Fields for Contact Form 7</a></li>
<li><a href="https://wordpress.org/plugins/contact-form-7-modules" rel="ugc">Contact Form 7 Modules</a></li>
<li><a href="https://wordpress.org/plugins/contact-form-cfdb7" rel="ugc">Contact Form 7 Database Addon – CFDB7</a></li>
<li><a href="https://wordpress.org/plugins/wpcf7-recaptcha" rel="ugc">ReCaptcha v2 for Contact Form 7</a></li>
</ul>
And created a plugin for integration with Google Sheets:
<ul>
<li><a href="https://wordpress.org/plugins/cf7-google-sheets" rel="ugc">Integration with Google Sheets for Contact Form 7</a>) </li>
</ul>
<h4>Overview</h4>
This plugin provides integration between <a href="https://wordpress.org/plugins/caldera-forms/" rel="ugc">Caldera Forms</a> and <a href="https://www.google.com/sheets/" rel="nofollow ugc">Google Sheets</a>. 
It adds new processor to Caldera Forms that enables sending of submitted forms to Google Sheets.
<h4>Upgrade Instructions</h4>
<blockquote>
Version 2.x of the plugin introduced some non-backward compatible changes. Follow the below instructions if you are upgrading from plugin version 1.x to 2.x.
</blockquote>
Version 1.x of the plugin used <a href="https://developers.google.com/sheets/api/v3" rel="nofollow ugc">Google Sheets API v3</a> that is shut down by Google. 
Version 2.x of the plugin switched to the latest <a href="https://developers.google.com/sheets/api" rel="nofollow ugc">Google Sheets API v4</a>.
Due to this change you MUST do the following after upgrading from version 1.x to 2.x:
<ul>
<li>generate your own OAuth2 credentials (if you didn’t do that before) and enter them in plugin Settings screen</li>
<li>re-connect plugin to Google Sheets by going to plugin Settings screen, clicking “Get Code”, going through the Google authorization pages, copy/pasting the generated Access Code and clicking “Save”</li>
<li>in all your Caldera Forms that use Google Sheets processor, update processor configuration to use Sheet ID (instead of Sheet Name); Sheet ID may be retrieved from your Sheet’s URL – e.g. for URL https://docs.google.com/spreadsheets/d/abc123456/edit#gid=0 the Sheet ID is “abc123456”</li>
</ul>
<h4>Connecting the Plugin to Google Sheets</h4>
After installing the plugin you must connect it to Google Sheets as described below.
Generating OAuth2 credentials
The simplest way to generate OAuth2 credentials is as follows:
<ul>
<li>Open the <a href="https://developers.google.com/sheets/api/quickstart/php" rel="nofollow ugc">Google Sheets API PHP Quickstart</a> page</li>
<li>Click Enable the Google Sheets API button in Step 1</li>
<li>If asked, enter project name and confirm that your use of Google APIs is in compliance with Tems of Service</li>
<li>On the page that appears, your OAuth2 “client ID” and “client secret” are displayed. Leave this page open, so that you can copy/paste values from it to the plugin configuration. Alternatively, copy the values to some clipboard. </li>
</ul>
If the above method doesn’t work for you, use the following procedure to generate OAuth2 credentials manually. Refer to <a href="https://youtu.be/wUY8Owt5zwc" rel="nofollow ugc">screencast</a> for visual assistance.
<ul>
<li>Open the <a href="https://console.developers.google.com/apis/library" rel="nofollow ugc">Google API Library</a></li>
<li>Click Select a project, then NEW PROJECT, enter a name for the project – e.g. “CalderaFormsGoogleSheets” – and click Create.</li>
<li>Make sure that created project is selected.</li>
<li>Search for “sheets” and click on Google Sheets API. Click ENABLE.</li>
<li>Open the <a href="https://console.developers.google.com/apis/credentials" rel="nofollow ugc">Google API Console Credentials page</a></li>
<li>On the OAuth consent screen:
<ul>
<li>For User Type select External and click CREATE</li>
<li>For Application Name enter “Google Sheets Integration for Caldera Forms”</li>
<li>For Scopes for Google APIs click Add Scope, select ../auth/spreadsheets scope and click ADD</li>
<li>Click Save</li>
</ul>
</li>
<li>On the Credentials screen, select Create credentials, then OAuth client ID
<ul>
<li>For Application type select Desktop app </li>
<li>For Name enter “Google Sheets Integration for Caldera Forms”</li>
<li>Click Create</li>
</ul>
</li>
<li>On the page that appears, your OAuth2 “client ID” and “client secret” are displayed. Leave this page open, so that you can copy/paste values from it to the plugin configuration. Alternatively, copy the values to some clipboard. </li>
</ul>
Authorizing plugin acess to Google Sheets
After generating OAuth2 credentials, use the following procedure to authorize plugin access to Google Sheets. Refer to <a href="https://youtu.be/rixQf4rFgiY" rel="nofollow ugc">screencast</a> for visual assistance.
<ul>
<li>Open a new page and go to plugin Settings screen (or to Admin Panel > Caldera Forms > Google Sheets screen)</li>
<li>For Google OAuth2 Client ID paste “client ID” from Google OAuth2 Credentials page </li>
<li>For Google OAuth2 Secret paste “client secret” from Google OAuth2 Credentials page</li>
<li>Click Get Code button – you will be redirected to Google Sheets authorization page</li>
<li>You will see This app isn’t verified screen – this is OK, because you are authenticating your own site
<ul>
<li>Click Advanced and then click Go to Google Sheets Integration for Caldera Forms (unsafe)</li>
</ul>
</li>
<li>In the Grant Google Sheets Integration for Caldera Forms permission screen click Allow</li>
<li>In the Confirm your choices screen click Allow</li>
<li>Copy generated “access code” to the clipboard</li>
<li>Paste “access code” into the Google Access Code in plugin Settings screen</li>
<li>Click Save</li>
</ul>
<h4>Using the Plugin</h4>
After successfully connecting the plugin to Google Sheets, do the following to configure your Caldera Form to send data to Google Sheets on form submission. Refer to <a href="https://youtu.be/HwfN-lfTqvs" rel="nofollow ugc">screencast</a> for visual assistance.
In Google Sheets
<ul>
<li>Create a new Google Sheet</li>
<li>Determine Sheet ID from the sheet’s URL – for example, in URL https://docs.google.com/spreadsheets/d/abc123456/edit#gid=0 the Sheet ID is “abc123456”</li>
<li>Name the tab where you want to capture the data with some simple name that doesn’t include space and/or special characters – e.g. “Sheet1” or “InputData”</li>
</ul>
If you wish to record all of your Caldera Form fields, proceed to the next step and enable “Automatically generate header” option in processor settings.
If you wish to record only selected fields create custom spreadsheet header in the first row as follows:
<ul>
<li>Enter “id” in the the first column</li>
<li>Enter “date” in the the second column</li>
<li>Enter slug names of your Caldera Form fields (that you want to record) in the following columns</li>
</ul>
In Caldera Forms
<ul>
<li>Add Google Sheets processor to your form</li>
<li>Configure the Sheet ID and Tab name</li>
<li>It is recommended to enable “Automatically generate header” checkbox, unless you created custom spreadsheet header in the previous step</li>
<li>Click “Save Form” to save processor settings</li>
<li>Submit a test form and verify that the data shows up in your Google Sheet</li>
</ul>
<h4>Automatic Header Generation</h4>
When “automatic header generation” is enabled, the plugin verifies spreadsheet header on each new form submission and adds new fields to it if needed. Note that it never deletes fields from the header – as this would also delete some submission data – though you can do it manually. You may also manually reorder columns as you wish.
<h4>Slug Names</h4>
<ul>
<li>Your slug names should contain only the following characters:
<ul>
<li>english letters “[A-Za-z]”</li>
<li>digits “[0-9]”</li>
<li>dash “-“</li>
<li>underscore “_”</li>
</ul>
</li>
<li>If your slug names contain capital letters, replace them with lowercase letters in Google Sheet header – e.g. for “SURNAME” slug use “surname” header</li>
<li>If your slug names contain underscores, replace them with dashes in Google Sheet header – e.g. for “name_english” slug use “name-english” header</li>
</ul>
<h4>Acknowledgements</h4>
The initial version of the plugin was based on <a href="https://wordpress.org/plugins/cf7-google-sheets-connector/" rel="ugc">CF7 Google Sheets Connector</a>

Google Sheets Integration for Caldera Forms

Josh from Caldera Forms here. I'm super excited that you built this. Just tested it out and it works, and I think a lot of people are going to love this!

Getting Caldera Forms data to Google Sheets, without having to do a CSV export and manual import is super useful. We will probably use this on our site soon.

5 Stars.

This Is Super Cool

Send your Caldera Forms data directly to your Google Sheets spreadsheet.

Pagecode

This plugin allows you to create tables/sheets easily as an Admin, you can colour code the tables, add up rows and columns, and create unlimited tables for free.
This is a plug and play solution for those who want to show visitors simple tables and only want Admins to edit them. Users can search rows and columns for specific data.
The plugin has no additional options but will work dynamically on any page.
Demo of this plugin can be seen here: <a href="https://sandbox-pagecode-com.pagehost.co.uk/table/" rel="nofollow ugc">Click here</a>
As you can see the table shows a list of data, which was added by an Admin, users can sort through this data with ease, this is a basic spreadsheet.
The table is added to the page with a unique key, each key is a new table/spreadsheet, for example if you want to make a table you would use the shortcode below:
[tablestatistics table=”demo”] this would then show a table, and all data added would be saved under demo.
You could then display this shortcode on any page, or you can create another new table, using a different name.
To colour code your table you can add colorcode=”true” to the shortcode, for example [tablestatistics table=”demo” colorcode=”true”]
Colour coding will check if the number is above 0 or less than 0, if it is above 0, then it will be green, if it is below 0 then it will be red.
If you would like to add up the totals of a row, it will add up all the numbers in that row and ignore any text, use {{total}} in a box at the end.
You can also add up totals of columns using {{total.col}}

Dynamic Datatables

This plugin allows you to create custom tables on the fly. You can make unlimited tables, add new rows, columns or delete them and create formulas to  …

Google Sheets Integration for Caldera Forms vs Dynamic Datatables