<% 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 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 Multi-Language Experiences Track Completed Chat 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
Search Integration - Adding an Overlay Module
Arrow Back
Completed
Introduction
Introduction
completed
Completed 1
Step 1
Add Overlay with Results Inline
completed
Completed 2
Step 2
Add Overlay with Redirect URL
completed
home

Introduction | Yext Hitchhikers Platform

This guide will walk you through adding Search to your site using the overlay module. With the Search overlay, you’ll be able to add a module to any page of your choosing that allows users to search and view results from within the module itself.

Here is an example of what this looks like:

Overlay

When adding a search bar through the “overlay” option, you can present Search two different ways:

  1. Inline within the overlay panel
  2. Link the user out to a separate search results page using a redirect URL

If you want to add a static search bar, read the Search Integration - Adding a Search Bar guide .

You can also learn more about the integration options in the  Add Search to Your Site unit in the Search track.

Feedback
<% elem.innerText %>