Headless & Custom Storefront API
Embed guided lens configuration, prescription slip uploads, and dynamic pricing add-on flows into React, Next.js, and headless ecommerce storefronts.
Deploy an intuitive visual configurator modal with a single button click. Captures usage, lens package, Rx upload, manual entries, and priced coating add-ons.
Receive pristine, structured prescription metadata and price modifiers to pass directly into your custom cart state, database, or ERP.
Configure rule-based branch logic in TrynShop Studio. Show specific lens materials only when sphere power exceeds -4.00, or hide progressive options for readers.
Match your store's luxury aesthetic. Configure brand colors, border radiuses, typography, and button micro-copy directly via Studio or CSS custom properties.
All doctor slips and patient details are handled with bank-grade encryption and GDPR/HIPAA compliance standards.
Build a seamless omnichannel optical experience by combining TrynShop's Virtual Try-On SDK with our Prescription Form SDK.
Implementation
Design your lens options, upgrade prices, and prescription questions in TrynShop Studio.
Include the lightweight SpecForm JavaScript bundle into your web application.
Pass the validated prescription JSON payload directly to your headless cart API.
Transmit complete lens requirements straight to your optical lab grinding system.
<script src="https://cdn.trynshop.com/specform-v2.js" async></script>
<button id="choose-lenses-btn">Choose Lenses</button>
<script>
const rxModal = TrynShopRx.create({
apiKey: 'pk_live_your_studio_key',
flowId: 'flow_single_vision_progressives',
productSku: 'FRAME-AV-01',
onComplete: (rxPayload) => {
console.log('User completed Rx selection:', rxPayload);
// rxPayload contains: { lensType, package, coatings: [...], rxData, fileUrl, addedPrice }
myCustomCart.addItem({
sku: 'FRAME-AV-01',
attributes: rxPayload,
priceAdjustment: rxPayload.addedPrice,
});
},
});
document.getElementById('choose-lenses-btn').addEventListener('click', () => {
rxModal.open();
});
</script>Yes. SpecForm returns a structured JSON payload via the `onComplete` JavaScript callback containing selected lens types, package upgrades, doctor slip download URLs, and total priced add-ons.
Related Guides & Integrations