---
title: Hidden Input Field in Fluent Forms
description: "The **hidden** input field in Fluent Forms allows you to store and retrieve data **without displaying it** on the form. This field helps track user data, pass dynamic values, or store information for backend processing. This article will guide you…"
url: "https://fluentforms.com/docs/hidden-input-field-in-fluent-forms/"
updated: "2025-06-03"
category: Field Types / Advance Fields
---

# Hidden Input Field in Fluent Forms

The **hidden** input field in Fluent Forms allows you to store and retrieve data **without displaying it** on the form. This field helps track user data, pass dynamic values, or store information for backend processing.

This article will guide you through adding the **Hidden**field in your Fluent Forms for your WordPress Site.

[How to add a Hidden Field to your Form Builder | WP Fluent Forms](https://www.youtube.com/embed/8r92F7k0dMo?feature=oembed)

## Adding the Hidden Field

To learn how to add the hidden field to the Fluent Forms, follow the steps with the screenshots below –

First, go tothe**Forms**section from the **Fluent Forms Navbar,**chooseadesired**Form,**and click the **Edit** **Icon** to open the **Editor** page of that form.

> If you do not have any existing forms, read [Create a Form from Scratch](https://fluentforms.com/docs/how-to-create-a-form-with-fluent-forms/) or [Create a Form using Templates](https://fluentforms.com/docs/using-and-customizing-pre-built-quick-forms-in-fluent-forms/) documentation to create a new one. 

![edit form 01 49134](https://fluentforms.com/wp-content/uploads/2025/02/edit-form-01.png)

Once on the **Editor** page, click the **Plus** **Icon** in your form editor and open the **Advanced Fields** module. The **Advanced Fields**option is also in the right sidebar under the **Input** **Fields** tab. 

Now, select the desired**Hidden Input**fieldby **clicking** on it or **Dragging**and**Dropping** it into your editor.

![new 49134](https://fluentforms.com/wp-content/uploads/2025/02/new.png)

## Customizing the Hidden Field

A Hidden field has been added. You can edit this field by**hovering over it** and clicking the **Pencil Icon**. It will take you to the **Input Customization** tab on the right side and offer the following options for customizing the field. 

![input customization 03 49134](https://fluentforms.com/wp-content/uploads/2025/02/input-customization-03.png)

You will now find various settings options for customizing the field. Located in the **Input Customization Tab**, these options allow you to configure essential aspects of the**hidden**field.

**All the Settings under the Hidden Field mentioned above are briefly explained below – **

**A. Admin Field Label:** The admin field label is a field title displayed only to admin users. This means that you can configure this option to show a different field label for your admin users when they view the form submissions. 

**B. Default Value:** Using our shortcodes, you can manually set any fixed value in your field and pre-filled your input field dynamically. To better understand Dynamic Default Value, read this[article.](https://fluentforms.com/docs/dynamic-default-value-in-fluent-forms/) You can add different default values by clicking the**Three-dot** options from the right side.

**C. Name Attribute:** The input field’s name attribute is the HTML equivalent of the same name. You don’t need to modify this.

![customization 04 49134](https://fluentforms.com/wp-content/uploads/2025/02/customization-04.png)

## Embed the Form into Frontend

Once you complete the customization, click the **Save** **Form** button to save all your changes. Click the **Preview & Design**buttonin the middle to see the form preview.

To integrate and display the form on a specific Page or post, **copy** the **Shortcode** from the top right side and **paste** it into your desired **Page or post**. 

![save form 05 49134](https://fluentforms.com/wp-content/uploads/2025/02/save-form-05.png)

### Preview of Added Hidden Field

Here is the **Preview**of the **Form** to test the hidden field functionality.

![preview 06 1 49134](https://fluentforms.com/wp-content/uploads/2025/02/preview-06-1.png)

After that, click the **Entries** section of this form. You will see the entry result for your **Hidden fields**.

![input hidden 07 49134](https://fluentforms.com/wp-content/uploads/2025/02/input-hidden-07.png)

Congratulations! You will successfully add the Hidden field in your Form.

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our [support team](https://wpmanageninja.com/support-tickets/?utm_source=wpmn&utm_medium=home&utm_campaign=site#/). Thank you.