Loader configuration

<script>
  window.bitstudio = window.bitstudio || function () {
    (window.bitstudio.q = window.bitstudio.q || []).push(arguments);
  };

  bitstudio('init', {
    siteKey: 'site_pub_your_key',
    mount: '.product-media',
    overlayPosition: 'bottom-right',
    auth: {
      showToAnonymous: true,
      loginUrl: ({ returnTo }) =>
        '/account/login?return_to=' + encodeURIComponent(returnTo)
    },
    customer: window.currentCustomer
      ? {
          id: window.currentCustomer.id,
          email: window.currentCustomer.email
        }
      : {},
    labels: {
      triggerButton: 'Try it on',
      generateButton: 'Generate try-on'
    },
    terms: {
      fullSelector: '#virtual-fit-terms'
    }
  });
</script>
<script async src="COPY_THE_SCRIPT_URL_FROM_VIRTUAL_FIT"></script>

{
  id: 'sku-10042',
  handle: 'linen-midi-dress',
  title: 'Linen Midi Dress',
  imageUrl: 'https://cdn.example.com/linen-midi-dress.jpg'
}

auth: {
  showToAnonymous: true,
  loginUrl: ({ returnTo, product, location }) =>
    '/login?return_to=' + encodeURIComponent(returnTo)
},
customer: {
  id: 'customer-8421',
  email: '[email protected]'
}

terms: {
  summaryHtml: 'AI preview only. Actual fit may differ.',
  fullSelector: '#virtual-fit-terms',
  collectEmail: false,
  requireEmail: false,
  emailNote: 'We will send this try-on result to the address you provide.'
}

<script
  async
  src="COPY_THE_SCRIPT_URL_FROM_VIRTUAL_FIT"
  data-site-key="site_pub_your_key"
  data-mount=".product-media"
  data-overlay-position="bottom-right"
  data-labels='{"triggerButton":"Try it on","generateButton":"Generate try-on"}'
  data-show-to-anonymous="true"
  data-login-url="/account/login"
  data-product-id="sku-10042"
  data-product-handle="linen-midi-dress"
  data-product-title="Linen Midi Dress"
  data-product-image="https://cdn.example.com/linen-midi-dress.jpg"
  data-customer-id="customer-8421"
></script>