Depict AI Documentation home pagelight logodark logo
  • Contact us
  • Contact us
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?

Adding the SearchPage to your siteOverview
websitelinkedin
Powered by Mintlify