Depict AI Documentation home pagelight logodark logo
  • Contact us
  • Contact us
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 install @depict-ai/react-ui

Was this page helpful?

Compatibility and Browser Support for Depict PackagesConfiguring `DepictProvider`
websitelinkedin
Powered by Mintlify