How to Create and Connect an Elementor Atomic Form with Elementor Forms Google Sheet Connector (Free Version)

Important Note Before You Start

Atomic Form is Elementor’s newer, modular form element. Instead of one form widget with a field list in the sidebar, every field (Label, Input, Textarea, Checkbox, Radio, Select, Date Picker, File Upload and Submit Button) is a separate element placed inside a Form container. This gives you more layout flexibility and cleaner design control.

Elementor Forms Google Sheet Connector (Free Version) works with Atomic Form and sends every new submission to your Google Sheet in real time.

Step 1: Create a Form Using the Atomic Form Element

1. Navigate to Pages → Add New, or open an existing page.
2. Click Edit with Elementor.
3. Search for the Atomic Form element in the widget panel.
4. Drag and drop it onto your page.
5. Add or arrange the field elements you need, such as:
   • Name
   • Email
   • Phone Number
   • Message
   • Any custom fields you need
6. Add a Submit Button at the end of the form.

For more details about the element, see the Elementor Atomic Form help page.

Step 2: Set Actions After Submit

For the Google Sheet integration to work, you need to add the correct actions to your form.

1. In the Elementor editor, click the Structure icon in the top toolbar.
2. Select the Form container from the Structure panel.
3. The Edit Form settings will open on the left side.
4. Scroll down to Actions After Submit.
5. Add both of these actions:
   • Collect Submissions
   • GSheetConnector
6. Click Publish or Update.

Your Atomic Form is now live and ready to accept submissions.

Step 3: Create a Form Feed in Elementor Forms Google Sheet Connector

After creating your form, you need to connect it with GSheetConnector.

1. Navigate to Elementor → Google Sheet from the WordPress Dashboard.
2. Open the Form Feeds tab.
3. Click the + Add Form Feed button.

You will now see the feed creation form.

Configure the Feed

1. Enter a name in the Feed Name field.
2. From the Select Form dropdown, choose your form. Atomic Forms are shown as Atomic Form : your form name.
3. Click the Submit button.

Step 4: View the Feed List

After creating a feed, it will appear in the Sheet Sync Feed List Table. The feed table helps you manage all created feeds from a single location.

Feed Table Overview

In the feed table, you can view the following details:

• Feed Name: Displays the name of your feed.
• Page Name: Shows the page where your Atomic Form is added.
• Time: Displays the feed creation date and time.
• Status: Shows whether the feed is enabled or disabled.

Understanding Feed Actions

Inside the feed list table, you will see an Action column containing several icons.

View Feed

The Eye Icon allows you to view the feed details and check which form is connected to the feed.

Edit Feed

The Edit Icon allows you to open the feed and update its Google Sheet settings at any time.

Delete Feed

The Delete Icon permanently removes the feed from the system.

Feed Status Toggle (Very Important)

The Status switch controls whether form entries will be sent to Google Sheets.

When Status is Enabled

• Form submissions will be processed.
• Entries will be automatically sent to the connected Google Sheet.

When Status is Disabled

• Form submissions will still be received on your website.
• No data will be sent to Google Sheets.
• The feed remains connected but inactive.

Feed Detail Settings

Click the Edit Icon to open the feed settings.

Feed Information

At the top of the feed detail page, the Feed Details box shows the connected form, feed name and page name. Use it to confirm that you are editing the correct feed.

Manual Google Sheets Configuration

In the Free Version, you connect your Google Sheet by entering its details manually. For more information about feed settings, see our Free Version feed settings guide.

Enable the Manual Google Sheets Configuration option to display the required settings:

• Sheet Name: The name of your Google Sheet.
• Sheet ID: The long code in your sheet’s URL, between /d/ and /edit.
• Tab Name: The name of the tab where entries will be added.
• Tab ID: The number after gid= in your sheet’s URL.

To get this information:

1. Create or open your Google Sheet.
2. Copy the Sheet Name, Sheet ID, Tab Name and Tab ID.
3. Enter the information in the respective fields as shown in the screenshot.
4. Click View Spreadsheet to confirm that the correct sheet is selected.
5. Click Save Settings.

Add Headers to Your Google Sheet (Very Important)

In the Free Version, Google Sheet headers are not created automatically. You need to add them yourself before submitting the form.

1. Open your connected Google Sheet and the correct tab.
2. In row 1, type a column header for each form field.
3. Make sure each header exactly matches the label of the field in your Atomic Form.

Example: If your Atomic Form has the fields Name, Email and Message, add these headers in row 1:

Test Form Submission

After saving the feed settings and adding the headers, test the integration.

1. Open the page where your Atomic Form is published.
2. Fill out the form with sample information.
3. Click on the Submit button.
4. Open your connected Google Sheet.

This confirms that your Atomic Form and Google Sheet integration is working correctly.