How to Add a Filterable Field to a Form for Internal Use

Introduction

Would you like to add a filterable field to your form that is for internal use only? Being able to quickly and easily filter through your entires can save a lot of time but you may not want this field to display on your form. In this tutorial, we’re going to show you exactly how easy it is to achieve this.

In our example, we’re going to be creating a lead generation form. Once the phone number has been verified, we want to be able to add a flag on the entry so it can be filtered out of reports later on.

Creating the lead generation form

Our first step will be to create our form and add our relevant fields to this form for our users to complete.

However, we also want to add a field that we’ll be able to put our flag in later if the phone number has been verified. To do this, we’re going to add a Single Line Text form field.

Add a text field to your form that you can later use to filter your results

Adding a CSS class to the filterable field

Since we want this field as an internal only field and we don’t want it to display on the form for our visitors, we’re going to add a CSS Class to this field that we can use to hide this field with CSS in a later step.

To add a CSS Class to the field, open the Advanced Options of the field from the form builder and add this to the CSS Class name hide-field.

Add your CSS class to the form field so we can hide this field from our form

Adding the CSS

It’s time to pull this all together so for our final step, we’re going to add the CSS that hides this field to our site.

If you need any help adding CSS to your site, please review this tutorial.

The CSS to add to your site is shown below.

.hide-field {
display: none;
}

When our users visit the site, they won’t be able to see the internal use filterable field.

The field won't display to any visitors when they complete the form

Filtering the entries

Now when you are on the Entries screen of your form, you can easily filter through these entries.

You've now successfully provided a filterable internal field to your form.

Would you like to also use CSS to change the color of your submit button? Head over to our tutorial on How to Change the Submit Button Color.