Custom Websites & Web SDK
For Modern eyewear brands
Use our TypeScript SDK or single-line CDN script to integrate Visit Replay into React, Vue, Next.js, Nuxt, Angular, Laravel, Node.js, or vanilla web storefronts. Connect session replays, console logs, network requests, rage clicks, and Core Web Vitals into one unified developer platform.
- Ultra-lightweight TypeScript SDK ('@trynshop/replay-sdk') & CDN bundle (<12 KB)
- Custom event tracking via 'TrynReplay.track()' with structured properties
- User identity & trait tracking via 'TrynReplay.identify()'
Real-time facial landmark alignment for realistic fit.
Sub-millimeter face landmark tracking anchors frames smoothly even when customers tilt or turn their head, calculating precise pupillary distance.
Live camera and photo upload modes
Automatic millimetric PD calculation
100% on-device local privacy
Side-by-side frame comparison and variant exploration.
Empower shoppers to compare multiple frame styles, colors, and lens tints side by side before completing checkout.
Color and material variant switching
Side-by-side comparison gallery
Fast WebGL asset rendering
Automated 2D photo to 3D frame generation.
Upload front and temple photography of physical frames into TrynShop Studio to generate realistic digital 3D models with true-to-life reflections.
Automated 3D reconstruction engine
Draco-compressed GLB frame meshes
Bulk catalog management
Plans
Pick what fits your store
Free
- 10,000 sessions / mo
- Web SDK & script tag
- Live page heatmaps
- Console & error logs
- Privacy masking
Most popular
Starter
- 100,000 sessions / mo
- 60-day retention
- Custom event telemetry
- Network waterfall & rage clicks
- Campaign attribution
Growth
- 1 Million sessions / mo
- 1-year retention
- Dedicated support & SLAs
- Custom domain ingest
What's inside
Everything you need to launch
Clean TypeScript API
Modern SDK methods for init, track, identify, flush, and stop.
Heatmap Engine
Aggregate click and tap coordinates into high-precision heat density maps.
Custom Telemetry
Track 'vto_opened', 'camera_permission', 'cart_updated' out of the box.
DevTools Waterfall
Capture client console logs, unhandled rejections, and network latency.
Developer Privacy Rules
Fine-grained control over element blocking and data masking.
Zero Egress Costs
Efficient compression backed by Cloudflare R2 and high-speed indexing.
Built for
- Headless ecommerce (Shopify Hydrogen, Next.js, Remix, Nuxt, Svelte)
- Custom eyewear, optical, SaaS, and retail web applications
- Engineering teams needing connected DOM playback + console + network
Includes
- Ultra-lightweight TypeScript SDK ('@trynshop/replay-sdk') & CDN bundle (<12 KB)
- Custom event tracking via 'TrynReplay.track()' with structured properties
- User identity & trait tracking via 'TrynReplay.identify()'
- Configurable path exclusions (e.g. '/checkout', '/admin')
- Selective DOM element masking ('.tryn-replay-mask', '.tryn-replay-block')
- Asynchronous beacon transport with zero main-thread blocking
- Live thermal density heatmaps and click cluster aggregation API
- Full network request interception (fetch & XHR) and console logging
Our Customers
Eyewear teams building with TrynShop.
A growing set of online and in-store eyewear businesses use TrynShop to make product discovery more confident.
"TrynShop's live camera virtual try-on gave our shoppers the confidence to purchase frames online without second-guessing their fit. Our return rates dropped noticeably within the first month."
"The prescription form builder completely eliminated manual email follow-ups for Rx details. Customers select their lens coatings and upload doctor slips seamlessly during checkout."
"Having our physical optical showroom and online Shopify store synced to the same 3D frame catalog gives our staff the perfect tool for assisted in-store selling."