Psst. Do you know about the WPForms Hidden field?
Few things in life are as exciting as discovering secrets.
WPForms has a secret field of its own. And it’s largely ignored by new users because they’re not sure if it serves any purpose at all. If that sounds like you, then I must say – you’re missing out!
The WPForms hidden field is invisible to visitors, but it can be incredibly valuable by letting you collect useful metadata with a user’s entry.
You can set up the hidden input field to collect information like locations, IP addresses, referrer URLs, and all kinds of fun stuff from people who fill out forms on your website.
In this post, I want to share some common ways that you can use the Hidden field to gather useful information, all without affecting user experience.
What Is a WPForms Hidden Field?
Ready to jump in? Like I said, I’ll show you some of the most common ways that you can use the Hidden field in your own forms. Let’s get into it.
What Is the Purpose of the Hidden Field?
A hidden form field is a field that you can add to your forms without making it visible to users.
In WPForms, this field is simply called the Hidden Field. This hidden field can capture information using WPForms’ Smart Tags without them being able to edit or see it at all.
Why would you want to use a WPForms Hidden Field?
Smart Tags collect information that may be useful for you to see in an entry, but would likely be confusing to a visitor if they could see that field while filling out the form.
Embedding Smart tags in hidden fields allows you to offer the best user experience while getting the information you need.
It may not make sense for your visitor to provide this information directly to you, but you can still capture it.
WPForms Hidden Input Field Hacks
So, now that you know what a WPForms Hidden Field is, here are some awesome ways to use it:
1. Find User IP Addresses
Every user has a unique IP address. Capturing IP Addresses can be especially helpful for fighting form spam.
When you see which IP Address is sending you spam, you can block that address from accessing your site through your hosting company or a security plugin.
To capture the IP address of a user submitting an entry, add the Hidden Field to your form, then click on it to open its Field Options.
It can be helpful to rename the Hidden Field, so there isn’t any confusion later about what information this field contains. So feel free to change the Hidden Field label.
Then, click on the Advanced tab to open further options.
Now, the Hidden Field needs to be given a default value. To do this, you can use Smart Tags so that the default value is dynamically updated depending on each individual user.
Click on the Show Smart Tags link to the right of the Default Value box.
You’ll see a bunch of available Smart Tags that you can use. Because we want to capture the IP address information, click on User IP Address from the list.
With the User IP Address smart tag in the Hidden Field, you’ll be able to see the IP address of the visitor in their form entry.
2. See How People Found You
The {url_referer}
Smart Tag will capture the page address that referred the user to your form.
For example, if a user was on your home page and then navigated to your contact page before filling out your form, the {url_referer}
Smart Tag would show you the URL of your home page.
This is a great way to add traffic source details to every entry, allowing you to learn more about how people are discovering your forms.
You can this information to make better optimization decisions for your site and boost form conversions.
3. Track Campaigns With Custom Links
You can also use hidden fields to track referrals from external sources or a specific marketing campaign.
To do this, simply add a Query String Variable Smart Tag to the Default Value box of your Hidden Field.
You should now see the {query_var key=""}
added to the Default Value box. To properly set up this tag, you’ll have to enter a key representing the traffic or campaign source you want to track.
For this, it’s important to modify the URL of the page where you’re embedding the form.
For example, let’s assume that your form page URL is yoursite.com/contact/
. Now, if you want to promote the contact form from your Facebook page, you can use a modified link that looks something like this:Â yoursite.com/contact/?source=facebook.
As you can see, this link uses the standard URL of your form page and adds something extra to help track the source easily. Using this example URL, the query string key we need to enter between the quotation marks is “source”.
However, depending on your specific URL tracking conventions, you’re free to use a different query string key.
When a user visits your form by clicking any one of the example links below, the form will capture the source as defined by your URL.
- Facebook — yoursite.com/page/?source=facebook
- Twitter — yoursite.com/page/?source=twitter
- Email Newsletter — yoursite.com/page/?source=newsletter
This way, you can easily track a campaign or any specific external source.
In fact, it might be a good idea to receive entry notifications with link tracking information.
To set that up go to Settings » Notifications. From there, scroll down to the section labeled Email Address, then click on Show Smart Tags at the top right of the message box.
Select your Hidden Field label from the Available Fields list. We’ve labeled our Hidden Field as “Source”, so that’s what we’ll be selecting in this example.
It will add some code to your notification that looks like {field_id="#"}
with a number.
Click Save and your form is ready to be published on a post or page.
The final step for this tip is to share the link to the page that contains this form. For each platform you share the link on (Facebook, Twitter, etc.), you’ll want to add the source to the end of the link.
That way, WPForms can recognize it and correctly pull the source information with each entry.
4. Find User Locations
If you’re already loving the Geolocation addon that lets you see where your users are located, you might want to consider using the entry geolocation Smart Tag in a Hidden field.
Just open the options for your Hidden field and select the Entry Geolocation Smart Tag from the options for the Default Value.
You can also add this Smart Tag in a notification email so you don’t have to sign in to your dashboard and form entry to find it. This can be particularly useful if you need to know users’ time zones for phone calls.
Just open the Smart Tags list for your email notification message and choose Entry Geolocation.
Did you know that the Geolocation addon has another purpose? It can also be used for address autocomplete on your forms!
Just connect it to Google Places or Mapbox and you’ll be able to turn on address autocomplete for any form. You can even add an interactive map to your forms so users can drop a pin to choose their locations.
5. Assign User IDs
Want to be able to identify who your visitors are but don’t want to ask for their names? No problem! You can still identify visitors with a unique ID.
Every registered user is automatically assigned an ID number on your WordPress site. Adding a Hidden Field with a User ID Smart Tag allows you to see the ID when a logged-in user submits a form.
This can be especially helpful if you’re creating an anonymous survey and want to see which users filled it out.
6. Track Form Submissions by Page
Many of our customers use the same form across many different locations. For instance, you could have a newsletter signup form at the bottom of every blog article.
When you have a setup like this, it can be challenging to track the source page where entries for the same form are coming from.
An easy way to see source page information with every entry is to use the Embedded Post/Page Title Smart Tag.
This Smart Tag will silently capture the title of the page or post where the form submission occurred, so you can always see this information with every entry.
7. Block Specific Email Addresses
If you get hit by a lot of spambots, you can stop contact form spam with Google reCAPTCHA or hCaptcha.
But what about the spammers that are real, human visitors?
There’s a neat feature in WPForms that lets you easily lock down your forms to the email addresses that you specify. It’s called the Allowlist/Denylist.
You’ll find it by clicking the Advanced tab in the Field Options settings for your email address field.
Click the field to open a dropdown menu with Allowlist and Denylist as options. You can use the Allowlist to only allow the email addresses you type in.
Or, flip it around and choose Denylist to make the form accept all entries except for the email addresses you specify in the settings.
Simply enter the email you would like to block in the field below.
The next time the spammer comes back to submit the form, they’ll get stopped in their tracks.
8. See the Pages Driving Form Conversions
When you publish a form on your site, your ultimate goal is to get more form conversions: entries, leads, or sales.
If you know which pages are driving those conversions, you can develop more content that benefits your visitors and inspires them to act.
Here’s the great news. You can easily unlock this information with the User Journey addon for WPForms.
Under every form entry, you’ll see a list of actions the user took before filling out your form. The addon is the perfect tool to create a user journey map. It records each user’s behavior automatically and shows it in the entry, right in WordPress.
You can retrace your visitors’ steps from the moment they hit your site to the point they submitted the form. And the addon even lets you see:
- What the visitor searched for
- The UTM parameters for the referring campaign
- How long they spent on each page or post
WPForms also lets you measure form conversions with Facebook Pixel or Google Analytics. But sometimes it takes a while to wade through all of that data.
If you want to quickly understand what makes your visitors tick, the User Journey addon is the perfect solution.
Next, Create a Coupon Code Field for Your Order Form
And there it is! You now have some great hacks for using the WPForms form builder hidden field to find extra data about your form users.
If you want to add even more custom fields to your forms, read about how to add a coupon code field next.
And if you’d like to learn more about getting rid of spam with WPForms, here’s our guide to stopping bots from filling your forms.
Ready to build your form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.
If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.
How is it possible to edit the hidden field in backend? I know I can use the “Notes” in backend but I want to have different “Notes”-fields.
Hey Peter,
To achieve what you have mentioned, you can add a Single Line Text Field and add the CSS class
wpforms-field-hidden
— This way the field will be hidden in the frontend but can be accessed and edit in WordPress Admin Dashboard.Hope this helps! 🙂
Hi Nikhil, Is there any way to retroactively edit hidden field data that was already collected?
Hey David – We currently don’t have the feature to edit hidden fields information. I do agree that this would be a great feature, and I’ll add this into our feature request tracker so that it’s on our developer’s radar.
Can we get IP address with custom code added to the plugin, without having to upgrade to the pro?
Thanks.
Hey Pramodh, if you don’t want to upgrade to a paid version right now, you may try creating a custom smart tag for the user IP in the way mentioned here or you can go with custom development Codeable or WPBuffs. Thanks.
Hello,
can i input hidden field with HTML code like : ?
Thank you
Hey Haryo – Thanks for your comment. I apologize, but I’m not sure I understand your question. When you get a chance, could you please share more details, or possibly an example of what you’re looking to do?
Thanks 🙂
Hi, I have more than 400 email addresses that I want to use for notifications, do i have to type them in one by one or are there any other alternatives of bulk capturing e.g import email addresses from excel?
Hey Allan – If you’d like to send email notifications to 400 emails, I apologize we currently do not have the option to import the email address, and you’d need to add them manually. I do agree this would be great, and I’ll add this into the feature request tracker.
Hi, i want to ask something.. i have field #1 (ex. name) and a hidden field
Is it possible to show the value of field #1 on the hidden field?
thanks
Hi Mel – We currently don’t have the feature to show field values in the hidden fields before submitting the form. I do agree that this would be a great feature, and I’ll add this into our feature request tracker so that it’s on our developer’s radar.
Thanks 🙂
Can I pass the date/time of the entry to the Google Sheet by using the hidden field feature?
Hello Megan – Yes, you can absolutely pass the date/time to the entries by using smart tags within a hidden field as outlined in this doc. Then you just need to map the field with your Google Sheet. That’s it 🙂
Hope this helps. Thanks!
Hi guys,
I would like to add a list of the uploaded files to confirmation email sent to the user.
They often ask to see this list as a confirmation.
eg.
Thank you for uploading your files:
File one.doc
File two.png
File three.xlm