Frontend IntegrationFrontend Integration

Frontend Integration

Embed the Sophi assistant widget, track storefront events, and manage cookie consent with framework guides for React and Angular.

Frontend integration covers two npm packages plus framework-specific guides:

  • @usesophi/sophi-web-sdk — embed the Sophi assistant widget (SophiWidget) and handle widget events.
  • @usesophi/sophi-web-object — framework-agnostic e-commerce tracking via window.sophi_object and SophiTracker, with events delivered to Sophi over HTTPS.
  • Framework guides — patterns for React, Angular, and more.

Looking to run Sophi before the visitor accepts cookies? See Cookie Consent Management.

SDK Overview

Widget installation, initialization, events, methods, and security.

Web Object

Data layer, event types, types reference, and integration patterns for storefront tracking.

Framework Integrations

Framework-specific implementation guides.

Cookie Consent Management

Run Sophi in memory-only mode before consent, then upgrade in place.

SDK Overview

Use @usesophi/sophi-web-sdk to embed the Sophi assistant in your storefront and handle widget events in your application code.