Depict AI Documentation home page
Search...
⌘K
Ask AI
Contact us
Contact us
Search...
Navigation
Search
Complete - search functionality added
Home
Guide: Data ingestion
Guide: Depict UI integration (React)
Guide: Depict UI integration (JavaScript)
Guide: Shopify app
Guide: API integration
Other guides
Reference
Overview
Introduction
Data Ingestion
Compatibility and Browser Support for Depict Packages
Setup
Installation
Configuring `DepictProvider`
Setting up routing
Transforming and enriching display data
Import styling
Setting up your product card
Search
Overview
Adding a way to open the SearchModal
Configuring the DepictProvider for your search page
Adding the SearchPage to your site
Complete - search functionality added
Product listing pages
Overview
Choosing a source of truth
Adding the CategoryPage to your site
Complete - product listing pages added
Recommendations
Rendering recommendations in a slider
Rendering recommendations in a grid
Tracking
Introduction
Product Card Tracking for Recommendations
Product Page Tracking
Add to cart tracking
Purchase tracking
Tracking - Completed
Search
Complete - search functionality added
Now you should be able to open the search modal, enter a search query, submit it and end up on the result page. Please don’t forget to
set up tracking
.
Continue with the next guide if you also want to add Product Listing Pages.
Was this page helpful?
Yes
No
Adding the SearchPage to your site
Overview
Assistant
Responses are generated using AI and may contain mistakes.