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
- The Tryonixs JavaScript SDK (tryonixs-sdk.js) mounts on any HTTPS product page
- 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
The Tryonixs JavaScript SDK (tryonixs-sdk.js) mounts on any HTTPS product page
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 the public tryonixs-sdk.js script to your storefront
- →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 endpoints used by the SDK for session validation and analytics
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
Load the SDK from tryonixs.com so you receive script updates automatically
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.