---
title: Add hidden fields in a Case Deflection component
slug: '1172'
canonical_url: https://docs.coveo.com/en/1172/
collection: coveo-for-salesforce
source_format: adoc
---
# Add hidden fields in a Case Deflection component
[.version.c4sf.c4sf-edition.c4sf-pro-enterprise]
[Pro and Enterprise editions](https://docs.coveo.com/en/l2590456#salesforce)
> **Note**
>
> The Coveo Case Deflection Component is the Locker compliant version of the Coveo Case Creation component.
When creating a Case Deflection component, you might want to add fields with default values that can't be seen by the user.
This way, every case created through the interface has a specific field that's automatically filled in without the user noticing.
This can be achieved by adding a `hidden="hidden"` option in the code of your component, which makes it so that it doesn't appear to the user, but is still taken into account when creating a case.
In this tutorial, you'll learn how to add a hidden [picklist component](https://docs.coveo.com/en/1258/) that automatically sets the `Origin` field to `Web` without the user needing to see it.
. Ensure that you've inserted the Case Deflection component in your Salesforce Experience Cloud site (see [Integrating a Case Deflection Component](https://docs.coveo.com/en/1163/)).
. In your **Experience Builder**, in the **Preview** mode of the page where your Case Deflection component is, open the Interface Editor.
[%header,cols="2*"]
|===
|With Coveo for Salesforce V3
|With Coveo for Salesforce V2
|In the upper-left corner of the component, click **Edit Search Page**.
|In the lower-right corner of the component, click the arrow button to expand the box; then, click **Edit**.
|===
. In the Interface Editor, drag the picklist component onto your page.
. In the **Picklist Options** window, enter the following information:
.. **Title**: `Origin`
.. **Case field**: `Origin`
.. **Default value**: `Web`
.. Select **Save** to save your picklist component.
. At the upper right of the page, select **Code View** to access the code of your component.
. Locate the picklist component you just added.
It should look like this:
```html
```
. In the component code, add a `hidden="hidden"` option.
Your component should now look like this:
```html
```
. Save your page.
Your component is now hidden, but is still added when creating a case.
> **Important**
>
> This method can't and shouldn't be used to enter confidential or secure content, as any user can reveal the component in their browser's console.