plongee

Advanced For Website
Integration Guide

Sample 2: Product page

Sample 2: Product page (intermediate)

Fittingbox Virtual Try-On Advanced for Website (ex FitMix)

This sample will show you an integration for a product page.

This sample demonstrate the lens color functionnality, and uses different frame colors.

Here is the expected result:

The Fittingbox Virtual Try-On Advanced for Website integration here is more advanced since it does not use the popupIntegration option.

A div container is declared and Advanced for Website will be displayed in the chosen area.

When the user clicks on Try-on, the container and Advanced for Website is displayed, the try-on begin.

Demo + code : https://codepen.io/Fittingbox/pen/4614250fc30b6f10c0d6bc444baf52af

The integration process takes around 6 hours.

Keywords: createWidget, setFrame, setLensesInTintedMirrorMode, pauseStream, resumeStream, apiKey, glassesId