<% user.full_name %>
<% util.level ? util.level.title : '' %>
Explorer Pioneer Apollo Viking Voyager Pathfinder Orion
Points
<% user.points ? user.points.toLocaleString() : 0 %>
Badges
<% util.badgeCount %>
Streaks
Congratulations You've <% util.newestBadge.isCurriculum ? 'completed' : 'earned' %> the
<% util.newestBadge.title %> <% util.newestBadge.isCurriculum ? 'curriculum' : 'badge' %>!
previous
next
Share to Social Media
Linked In Facebook
Status
<% util.level ? util.level.title : '' %>
<% util.level ? util.level.points : '' %>
<% util.nextLevel ? util.nextLevel.title : '' %>
<% util.nextLevel ? util.nextLevel.points : '' %>
Level up! <% util.levelPointsRemaining %> points to go
Level up! <% util.levelPointsRemaining %> points to go
Badges
Completed Hitchhikers Program Track Completed Content Track Completed Pages Track Completed Page Builder Track Completed Search Backend Track Completed Search Frontend Theme Track Completed Search UI React Track Completed Solution Templates and the Admin Console Track Completed Technical Skills Track Completed Platform Basics Track Completed Listings Track Completed Reviews Track Completed Industry Overview Track Completed Analytics Track Completed Industry Overview & Product Basics Track Completed Knowledge Assistant Track Completed Multi-Language Experiences Track Completed Fall '22 Release Highlights Track Completed Spring '23 Release Highlights Track Completed Chat Track Completed Summer '23 Release Highlights Track Completed Fall '23 Release Highlights Track
<% util.expandBadges ? 'Less' : 'More' %>
Playground Accounts
New +
No Playground Accounts
Create Playground +
View Profile
Log Out loading
Mission Complete! 🚀
Congratulations, you’ve completed your first module!

We hope you enjoy exploring the rest of the site. Please don’t forget to leave us feedback - we are constantly looking to improve. Happy Hitchhiking!
Home
Welcome to Hitchhikers! 👋
To learn more about the platform we encourage you to get started by completing the Hitchhikers Program Track and earning your first badge!
Start Here
Close notification
Guide
Set up Numerical Facets
Arrow Back
Completed
Introduction
Introduction
completed
Completed 1
Step 1
Set up Your Content
completed
Completed 2
Step 2
Configure Fields for Faceting
completed
Completed 3
Step 3
Add Facets to Display
completed
Completed 4
Step 4
Customize
completed
home

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.

Numerical facets allow you to use static number ranges as facets, which is particularly useful for price ranges, multipack options, and more.

numerical-facet

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.

Note: Only Search UI React allows users the ability to input a minimum and maximum value in numerical facets.

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:
  • 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. You must be on Theme v1.29 or above to use numerical facets.
    • Search UI React: Check out the the Facets and the NumericalFacet React component reference docs.

We’ll go into more detail on each of these steps.

Feedback
<% elem.innerText %>