If you are using Divi engine contact form builder addon plugin of Divi Builder or a Divi theme for creating your forms, then follow this step by step configuration to get your submissions in your google sheet, The Divi Form GSheetConnector addon Plugin is compatible with the Divi Form Builder plugin, allowing seamless integration of form submissions directly into Google Sheets.
Step-by-Step Guide for Divi Form Builder Integration with GSheetConnector
Add Divi Form Builder Widget to a Page
Select the Divi Form Builder Widget and add it to the desired Divi page.
Enable “Save Entries to Database” Option
After adding fields, expand the extra toggle options. Find the “Save Entries to Database?” setting, and toggle it to “Yes”.
Save your changes and publish the page.
Configure Form Name and Fields
Open the Divi Form Builder widget, enter the form name, and add the required form fields
Go to Feed Settings in WordPress Admin
Navigate to WordPress > wp-admin > Feed Settings and click Add Feed.
Now give a name of a feed and select the page/post of Divi engine builder and click to submit, to create a feed.
Edit the Feed
After adding the feed, select Edit Feed.
Fetch and Save Form Fields
In the feed editor, click the “Fetch Field” button to fetch the form fields. Then, click “Click Here to Save Form Fields” to save them. This will helps to fetch the fields used in the form
After fetching the form fields, to connect with google sheet, click to fetch the Google Sheet, and then select your sheet, and choose the Google Sheet Tab Name.
Enable Fields and Submit Data
Enable the fields which you want to show as a Google Sheet columns. After enabling the toggles, click the “Submit Data” button to save the details, to set the google sheet with desired columns
Add the Form ID (Important)
In the Feed Settings tab, you will see the Form ID displayed. You have to copy this Form ID and use this in the form settings and click to save as shown below.
After entering the Form ID, you can test the form and sync the past form submissions.
Check the Integration
Test the form and submit an entry, and verify the data is recorded in your Google Sheet.
Similarly, you can also sync the past form submissions, make sure to enter the form id correctly from the feed settings to particular divi engine form.
This guide ensures a smooth integration of Divi Engine Form Builder with GSheetConnector for automated data synchronization.