Add hidden fields in a Case Deflection component

This is for:

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 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).
In your Experience Builder, in the Preview mode of the page where your Case Deflection component is, open the Interface Editor.
In the Interface Editor, drag the picklist component onto your page.
In the Picklist Options window, enter the following information:
1. Title: Origin
2. Case field: Origin
3. Default value: Web
4. 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:

<div class="CoveoPicklist" data-title="Picklist" data-case-field="Origin" data-default-value="Web"></div>

In the component code, add a hidden="hidden" option. Your component should now look like this:

<div class="CoveoPicklist" data-title="Picklist" data-case-field="Origin" data-default-value="Web" hidden="hidden"></div>

Save your page. Your component is now hidden, but is still added when creating a case.

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.