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
  • Import styling
  • Setting up JSX
  • Setting up your product card
Search
  • Overview
  • Creating a search page
  • Configuring the search provider
  • Transforming and enriching display data
  • Adding a way to open the SearchModal
  • Adding the SearchPage to your site
  • Complete - search functionality added
Product listing pages
  • Overview
  • Choosing a source of truth
  • Configuring the category provider
  • Transforming and enriching display data
  • Adding the CategoryPage to your site
  • Complete - product listing pages
Recommendations
  • Rendering recommendations in a slider
  • Rendering recommendations in a grid
Tracking
  • Introduction
  • Importing DPC
  • Initialising DPC
  • Product Card Tracking
  • Product Page Tracking
  • Add to cart tracking
  • Purchase tracking
  • Tracking - Completed
Setup

Installation

The Depict JS UI package is available in the NPM registry. To use it, you must first install it:

npm install @depict-ai/js-ui

Was this page helpful?

Compatibility and Browser Support for Depict PackagesImport styling
websitelinkedin
Powered by Mintlify