1. Home
  2. Docs
  3. Divi Forms Google Sheet C...
  4. Divi Form Builder Compatibility

Divi Form Builder Compatibility

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.

Divi Form Builder Integration Guide

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 fieldsDivi Form Builder Integration Guide

Go to Feed Settings in WordPress Admin

Navigate to WordPress > wp-admin > Feed Settings and click Add Feed.

Divi Form Builder Integration Guide

Now give a name of a feed and select the page/post of Divi engine builder and click to submit, to create a feed.

Divi Form Builder Integration Guide

 

Edit the Feed

After adding the feed, select Edit Feed.Divi Form Builder Integration Guide

 

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.

Divi Form Builder Integration Guide
Divi Form Builder Integration Guide

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

Divi Form Builder Integration Guide

 

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.

 

Divi Form Builder Integration Guide

After entering the Form ID, you can test the form and sync the past form submissions.
Divi Form Builder Integration Guide

Check the Integration

Test the form and submit an entry, and verify the data is recorded in your Google Sheet.

Divi Form Builder Integration Guide

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.

How can we help?