--- title: Preferences Panel component slug: '3215' canonical_url: https://docs.coveo.com/en/3215/ collection: javascript-search-framework source_format: adoc --- # Preferences Panel component The [`PreferencesPanel`](https://coveo.github.io/search-ui/components/preferencespanel.html) component allows users to specify customization options in the current [search interface](https://docs.coveo.com/en/2741/). These customization options are then saved in the browser local storage. The [`PreferencesPanel`](https://coveo.github.io/search-ui/components/preferencespanel.html) component appears as an option of the [**Settings** menu](https://docs.coveo.com/en/1644/) ![Settings](https://docs.coveo.com/en/assets/images/coveo-platform/icon-settings.png) when a [`Settings`](https://coveo.github.io/search-ui/components/settings.html) component is initialized. ## Adding the Preferences Panel component to a search interface Find the `
` section, and then add the following code to the section: ```html
``` The `
` section should now look like this: ```html
``` > **Important** > > Adding the Preferences Panel without referencing the [`ResultsPreferences`](https://coveo.github.io/search-ui/components/resultspreferences.html) or [`ResultFiltersPreferences`](https://coveo.github.io/search-ui/components/resultsfilterspreferences.html) component renders an empty **Preferences** panel. ## Reference The options available in the **Preferences** panel are the following: ### Always open results in new window Check this box to open search results in a new browser tab. When this box isn't checked, a search result that you click opens in the current browser tab, replacing the [search interface](https://docs.coveo.com/en/2741/). To enable the "Always open results in a new window" option Find the `
` section, and then add the [`ResultsPreferences`](https://coveo.github.io/search-ui/components/resultspreferences.html) component by adding the following code to the section: ```html
``` The `
` section should now look like this: ```html
``` ### Result filtering expressions The result filtering expressions you create permanently refine the search results, so that you don't need to reselect the same facets every time you open the [**Content Browser**](https://platform.cloud.coveo.com/admin/#/orgid/content/browser/) ([platform-ca](https://platform-ca.cloud.coveo.com/admin/#/orgid/content/browser/) | [platform-eu](https://platform-eu.cloud.coveo.com/admin/#/orgid/content/browser/) | [platform-au](https://platform-au.cloud.coveo.com/admin/#/orgid/content/browser/)). You can enter any query expression that you would use in a search box. See [Query Syntax Reference](https://docs.coveo.com/en/1552/) for details. To create a new filter: . Click **Create**. . Under **Caption**, enter a filter name. . Under **Expression**, enter the desired filter expression. . If applicable, in the **Tab** box, select the [tab](https://docs.coveo.com/en/1406/) on which the filter should apply. . Click the check mark on the right to save your filter. **Example** You always only want to look at search results from year 2014 or later. To enable the "Results filtering expressions" option Find the `
` section, and then add the [`ResultsFiltersPreferences`](https://coveo.github.io/search-ui/components/resultsfilterspreferences.html) component by adding the following code to the section: ```html
``` The `
` section should now look like this: ```html
```