Platforms
Custom Stack Virtual Try-On Integration
Full creative control for DTC and luxury teams building bespoke storefronts.
Custom E-commerce + Tryonixs
- Headless React, Vue, or native mobile-web stacks need SDK-first integration without platform plugins
- Tryonixs JavaScript SDK and optional NPM package mount on any HTTPS PDP
- GraphQL or REST catalog middleware syncs asset IDs nightly
Virtual try-on on Custom E-commerce
Headless React, Vue, or native mobile-web stacks need SDK-first integration without platform plugins
Tryonixs JavaScript SDK and optional NPM package mount on any HTTPS PDP
GraphQL or REST catalog middleware syncs asset IDs nightly
Warby-style and luxury maisons often choose custom stacks for creative control
Setup guide
Installation
- →Provision Tryonixs project and API keys in dashboard
- →Add SDK script or npm install @tryonixs/sdk
- →Create product service mapping SKU to assetId
- →Feature-flag rollout per category route
SDK setup
- →Dynamic import on client boundary in Next.js App Router
- →Pass selectedVariant from your state management store
- →Handle camera denial with static model image fallback
- →Implement CSP allowlist for wasm and CDN hosts
API
- →REST catalog validation and asset upload
- →GraphQL coming for enterprise tiers
Authentication
- →JWT for server-side asset admin; public embed key scoped to domain
Webhooks
- →HMAC-signed events for tryon_start and conversion
Performance
Server Components should not import WASM
Preload only on user gesture
Monitor RUM for GPU tier downsampling
Analytics
Send events to your data warehouse via webhook
Correlate with Segment anonymousId
Troubleshooting
Next.js SSR errors: ensure client-only mount
Safari ITP: first-party script hosting optional
Wrong domain key: check dashboard allowed origins
Best practices
Document camera permission UX in design system
Version pin SDK in package.json
Load test Black Friday concurrent sessions
Privacy review before logging any face metrics
Custom E-commerce FAQ
- React Native WebView?
- Supported with injected SDK and HTTPS camera permissions.
- Multi-region deploy?
- Use geo-routed CDN; assets replicated per region optional.
- Warby Parker-style custom?
- Same SDK patterns used by large DTC optical headless rebuilds.
- Security review?
- Provide SOC2 summary and architecture diagram to enterprise procurement.