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

Importing DPC

Import DPC so that your code has access to it.

The first step is to import DPC. For the first two options below, add the following to the top of the file where you want to use DPC:

import { DPC } from "@depict-ai/js-ui";

Was this page helpful?

IntroductionInitialising DPC
websitelinkedin
Powered by Mintlify