Learn
Content
Tracks
Tracks
Build your expertise through a collection of training modules
Curriculums
Curriculums
Follow recommended learning paths based on specific products or roles
Resources
Help
Help
Visit our Help Site for articles and answers to product questions.
Blog
Blog
Gain insight into product functionality, and best practices.
Releases
Releases
Check out the latest seasonal product updates, and monthly Hitchhiker-exclusives.
Frontend Code Examples
Admin Code Snippets
Explore code snippets to customize your Answers and Pages build.
Guides
Get Started Guides Integration Guides Developer Guides View All
Start Building For Free
Docs
API Docs
Knowledge API Live API Admin API Answers API
SDK & CLI Docs
Answers Search UI SDK Answers Core SDK Yext CLI CaC Resources
Guides
Get Started Guides Integration Guides Developer Guides View All
Start Building For Free
Community
Resources
Community
Hitchhikers Community
Ask questions, share best practices, and engage with fellow Hitchhikers.
Store
Hitchhikers Store
Shop for Hitchhikers apparel, drinkware, and accessories.
Events
Events
Explore the calendar of upcoming office hours, workshops, and webinars.
Customer Showcase
Customer Showcase
Learn how brands are winning big in search.
Start Building For Free
Start Building For Free
<% ((user.first_name && user.first_name.split(' ').join('').length > 0) || (user.last_name && user.last_name.split(' ').join('').length > 0)) ? (user.first_name + ' ' + user.last_name) : 'Hitchhiker' %>
<% 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 Knowledge Graph Track Completed Pages Track Completed Answers Track Completed Answers: Advanced 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
<% util.expandBadges ? 'Less' : 'More' %>
Profile
<% user.first_name && user.last_name ? user.first_name + ' ' + user.last_name : user.full_name %>
<% user.email %>
Control Center
Settings Log Out loading
Ready to be your brand's hero?
Sign up to become a Hitchhiker and build skills that will enhance your career, get access to exclusive Yext resources, and be your brand’s hero by driving consumer engagement.

If you’re already a Hitchhiker, log in to access this content.
Log In Sign Up
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
Answers Search UI SDK
Search
Welcome to Answers Search UI SDK
completed
Core Concepts
completed
Answers Initialization
completed
Components
completed
Universal vs. Vertical Search
completed
Result Cards
completed
Built-In Card Configuration
completed
Card Data Mapping
completed
Card Calls To Action
completed
Data Formatting
completed
Built In Cards
completed
Pages
completed
Universal Search Results Page
completed
Vertical Search Results Page
completed
No Results
completed
Components
completed
SearchBar
completed
Navigation
completed
SpellCheck
completed
DirectAnswer
completed
UniversalResults
completed
VerticalResults
completed
FilterSearch
completed
FilterOptions
completed
FilterBox
completed
Facets
completed
SortOptions
completed
QASubmission
completed
Map
completed
Pagination
completed
LocationBias
completed
Icon
completed
Initialization Options
completed
verticalPages
completed
search
completed
onUniversalSearch
completed
onVerticalSearch
completed
Advanced Concepts
completed
Component Lifecycle and State
completed
Using a Custom Renderer
completed
Custom Data Transforms
completed
Using a Custom Template for a Component
completed
Custom Data Formatting
completed
Creating Custom Components
completed
More Information
completed
Versions
completed
home
loading

Result Cards

Cards are used in Universal/Vertical Results for configuring the UI for a result on a per-item basis. Each item is rendered as a Card.

Every card should be optimized for the content being displayed. For example, here are some cards for locations Location Cards

And here are some cards for webinars. You can see that the card changes depending on the content. Webinar Cards

In This Section
Built-In Card Configuration
Card Data Mapping
Card Calls To Action
Data Formatting
Built In Cards