How to Add a Hidden Field with Post Date in Elementor Form (Step-by-Step Guide)
GSheetConnector for Elementor Pro allows you to automatically send your Elementor Form submissions to Google Sheets.
In some cases, you may need to capture additional information such as the form submission date and time without showing that field to your website visitors.
Using the Hidden Field feature in Elementor Form and the Post Date Dynamic Tag, you can automatically capture the submission date and sync this information with Google Sheets using GSheetConnector.
This guide explains how to add a Hidden Field in Elementor Form, apply the Post Date Dynamic Tag, and configure it correctly.
Important Note Before Starting
If you are using the free version of Elementor, you will not be able to use Elementor Form Widget features. In that case, you can use the MetForm plugin, which is fully compatible with GSheetConnector for syncing form submissions with Google Sheets.
Step 1: Open Your Elementor Form Page
First, open the page where your Elementor Form is already created.
Follow these steps:
- Log in to your WordPress Admin Dashboard.
- Navigate to the page where you have added your Elementor Form.
Step 2: Edit the Elementor Form
After opening the page, edit your form using Elementor Editor.
Steps:
- Click on the Edit with Elementor button.
- The Elementor editor will open.
- Find your Form widget on the page.
- Click on the Form widget to open its settings.
Step 3: Add a Hidden Field in Elementor Form
A Hidden Field allows you to store additional information without displaying the field on the frontend form.
Website visitors will not see this field, but Elementor will capture and process the value during form submission.
Hidden Fields are commonly used for:
- Submission date and time tracking
- Internal form information
- Dynamic values
- Additional data synchronization
Steps to Add Hidden Field:
- Open the Content tab inside Elementor Form settings.
- Click on the + Add Item button.
- Select Hidden as the field type.
Step 4: Enable Dynamic Tags for Hidden Field
After adding the Hidden Field, you need to assign a dynamic value that will automatically capture the submission date.
Follow these steps:
- Select the Hidden Field that you added.
- Open the Advanced tab.
- Locate the Dynamic Tags option.
- Click on Dynamic Tags to view available options.
Select Post Date Dynamic Tag
The Post Date Dynamic Tag automatically captures the current date and time when the form is submitted.
Steps:
- Open the Dynamic Tags list.
- Select Post Date from the available options.
- The selected dynamic value will be automatically stored with each form submission.
Step 5: Save Elementor Form Changes
After completing the Hidden Field and Dynamic Tag setup, save your Elementor changes.
Steps:
- Click the Update button in Elementor.
- Wait until Elementor saves all changes successfully.
Step 6: Check WordPress Date and Time Settings
If the captured date or time is incorrect, the issue may be related to your WordPress timezone settings.
WordPress timezone settings control the date and time values generated during form submissions.
Update WordPress Timezone Settings:
- Go to WordPress Dashboard.
- Navigate to Settings → General.
- Find the Timezone option.
- Select your correct timezone.
- Click Save Changes.
Frequently Asked Questions
Why should I add a Hidden Field in Elementor Form?
A Hidden Field allows you to capture additional information without displaying it to users.
For example, you can use a Hidden Field to automatically store:
- Submission date and time
- Post date
- Dynamic values
- Internal tracking information
This data can then be synced with Google Sheets using GSheetConnector.
How can I add a Hidden Field in Elementor Form?
To add a Hidden Field:
- Open your Elementor Form page.
- Click Edit with Elementor.
- Select the Form widget.
- Click + Add Item to add a new field.
- Select Hidden as the field type.
The Hidden Field will not be visible to website visitors but will capture the required data.
Why is my Hidden Field not showing on the form?
The Hidden Field is designed to remain invisible on the frontend.
It will not appear to users when they fill out the form. However, the value captured by the Hidden Field will still be available in form submissions and can be synced with Google Sheets.
How can I automatically add the submission date in Elementor Form?
You can automatically capture the submission date by using the Postdate Dynamic Tag.
Follow these steps:
- Add a Hidden Field in your Elementor Form.
- Go to the Advanced tab.
- Click on Dynamic Tags.
- Select Postdate from the available options.
- Update the Elementor page.
The current date and time will be automatically captured when the form is submitted.
Where can I find the Dynamic Tags option in Elementor Form?
The Dynamic Tags option is available inside the Advanced settings of the selected form field.
To access it:
- Edit your Elementor Form.
- Select the required field.
- Open the Advanced tab.
- Click the Dynamic Tags option.
You can then select the required dynamic value.
Why is the Postdate option not available in Dynamic Tags?
If the Postdate option is not available, check the following:
- Make sure you are using Elementor Pro Form Widget.
- Confirm that you have selected a supported field type.
- Update Elementor Pro to the latest version.
- Clear website cache and check again.
Why is the form submission date showing incorrectly?
If the date or time is incorrect, check your WordPress timezone settings.
To update timezone settings:
- Go to your WordPress Dashboard.
- Navigate to Settings → General.
- Check the Timezone option.
- Select your correct timezone.
- Save the changes.
The updated timezone will be used for future form submissions.
Can I sync the Hidden Field value with Google Sheets using GSheetConnector?
Yes. Hidden Field values can be synced with Google Sheets using GSheetConnector.
Make sure:
The Hidden Field is selected in the Feed Settings.
The field is enabled in the Select Field To Sync section.
The Feed Status is enabled.
See our Feed Setting – Pro Version guide for full details on these options.
After submission, the captured value will be added to your connected Google Sheet.
Why is my Postdate value not appearing in Google Sheets?
If the Postdate value is missing in Google Sheets, verify the following:
- The Hidden Field is added correctly in Elementor Form.
- The Postdate Dynamic Tag is selected.
- The field is selected in GSheetConnector Feed Settings.
- The Google Sheet connection is working properly.
After checking these settings, submit a new test entry.
Can I use Hidden Fields to store other dynamic values?
Yes. Elementor Hidden Fields can be used to capture different dynamic values depending on your requirements.
You can use them for:
- Date and time tracking
- Page information
- Internal form tracking
- Custom dynamic data
Do I need to update Elementor after adding the Hidden Field and Dynamic Tag?
Yes. After adding or modifying the Hidden Field settings, click the Update button in Elementor.
Saving changes ensures that the new field configuration is applied to your live form.
Can I use this method with Elementor Free?
No. The Elementor Form Widget and Dynamic Tags feature are available only with Elementor Pro.
If you are using Elementor Free, you can use supported form plugins like MetForm with GSheetConnector to sync form data with Google Sheets.
Why is my date not matching my country format?
The date format depends on your WordPress General Settings.
To change the date format:
Go to WordPress Dashboard.
Navigate to Settings → General.
Update the Date Format and Time Format options.
Save the changes.
Your form submission date will follow the updated WordPress settings. If the format in your Google Sheet still looks different, see our Date/Time Format and Time Zone in Google Sheets guide.
CF7 Google Sheet Connector
WPForms Google Sheet Connector
Ninja Forms Google Sheet Connector
Gravity Forms Google Sheet Connector
Formidable Forms Google Sheet Connector
Forminator Forms Google Sheet Connector
Fluent Forms Google Sheet Connector
JetFormBuilder Google Sheet Connector
Elementor Forms Google Sheet Connector
Avada Forms Google Sheet Connector
Divi Forms Google Sheet Connector
WooCommerce Google Sheet Connector
Easy Digital Downloads Google Sheet Connector
WordPress Core Google Sheet Connector