Depict AI Documentation home page
Search...
⌘K
Ask AI
Contact us
Contact us
Search...
Navigation
Setup
Installation
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
Setup
Installation
The Depict UI React package is available in the NPM registry. To use it, you must first install it:
NPM
Yarn
Copy
Ask AI
npm
install
@depict-ai/react-ui
Was this page helpful?
Yes
No
Compatibility and Browser Support for Depict Packages
Configuring `DepictProvider`
Assistant
Responses are generated using AI and may contain mistakes.