Adding the Settings Component to a Search Interface


The Settings component renders a Settings button (Icon-Settings). End users can click this button to access a popup menu from which it is possible to perform several contextual actions. The Settings button typically appears at the right of the Searchbox.

The Settings component can reference several components to populate its popup menu:

You can also add the SearchAlerts component if your search interface meets certain requirements.

To add the Settings component to a search interface

Find the <div class="coveo-search-section"> section, and then add the following code to the section:

<div class="CoveoSettings"></div>

The <div class="coveo-search-section"> section should now look like this:

<div class="coveo-search-section">
  <div class="CoveoSearchbox" data-enable-omnibox="true"></div>
  <div class="CoveoSettings">
Recommended Articles