Introduction | Yext Hitchhikers Platform
Overview
Facets allow the end user to refine the search results using various attributes of your content. They are viewable “post-search”, since they’re dependent on the search query.
In this guide, we’ll walk through how to set up numerical facets. We’ll cover options for implementing in both the Hitchhikers Theme and Search UI React.
To learn more about facets, check out the Facets and Filters (Backend) unit.
Implementing Facets
At a high level, there are three parts to implementing facets:
- Content:
- Make sure there are fields for the content you want to enable facets on and that they are populated. Check out the Searchable Fields Best Practices reference doc for more tips on choosing which fields to use.
- Search backend:
- Set the desired fields as searchable fields with the type facet. Review the Facets and Filters unit for a refresher or Add Facets to a Search Vertical help article for step-by-step instructions.
- Search frontend: Add facets to your frontend. Check out the following resources based on which frontend method you’re using:
- Hitchhikers Theme: Facets and Filters (Frontend) unit. Both standard facets and numerical facets use the same setup.
- Search UI React: Check out the React component reference doc for StandardFacet .
We’ll go into more detail on each of these steps.
<% elem.innerText %>