<% 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
Integrating Search with WordPress
Arrow Back
Completed
Introduction
Introduction
completed
Completed 1
Step 1
Pulling WordPress Data into Yext
completed
Completed 2
Step 2
Edit and Publish Your Experience
completed
Completed 3
Step 3
Adding Search to Your WordPress Site
completed
home

Step 3: Adding Search to Your WordPress Site

Install the Yext AI Search Plugin (v2) on WordPress

  1. Log into your WordPress account and navigate to the Yext AI Search plugin .

  2. Install the Yext plugin into your Wordpress account.

  3. Once the plugin is installed, you will see it in your Plugins section. When you are ready to set up the plugin, click Activate.

  4. Follow the step-by-step instructions to embed your search experience onto your site.

    light bulb
    Note
    If you’ve been following this guide, you should be able to zoom through the first three steps! The answers should be “Yes, I have a Yext account” / “No, I have all the data I need”, and “Next”.

  5. After these introductory steps, you will need to copy over various details from your Yext account to WordPress. You should have the following values from your Yext account on hand:

    • API Key: This can be found in the “General Settings” section in Search. Make sure you’ve selected the correct search experience if you have multiple.
    • Experience Key: Like the API Key, this can also be found under “General Settings”.
    • Business ID: Can also be found under “General Settings”, or in the URL of any page on your Yext account.
    • Search iFrame URL: This is the Production URL of your search experience, found in Pages.

  6. Once you’ve input your details, click Save and Continue.

  7. If you have native WordPress search any of your WordPress pages, and would like to automatically replace that with Yext AI Search, click Enable Global Search. If you don’t have native WordPress search on your site, or don’t want to replace current instances, leave the box unchecked. Click Save and Continue.

  8. In the next step, you can customize the styling of your search bar and see the changes live. If you aren’t familiar with any of the inputs, click the tooltips to learn more about what each means. Click Save and Continue.

  9. Select from the dropdown menu which page you would like to add your search results to. Note: you can always edit this or add more search bars using drag-and-drop Gutenberg blocks (See the note on Step 9, below). Click Save and Continue.

  10. Click Publish to go live!

We recommend using drag-and-drop Gutenberg Blocks to add your search bar or search results to any additional pages. Navigate to any page on your WordPress site, click the + button in the upper left corner to add a block, and scroll down to the Yext Blocks section. Drag and drop your search bar or search results onto the page, click Update in the upper right corner, and your search experience is live!

You can follow this GIF for visual instructions.

Whenever you make changes to your search experience or add new data to your Yext account, those changes will be immediately reflected on your WordPress search experience!

<% elem.innerText %>