Skip to main content

Virtual Try On

Faslet's Virtual Try On feature allows your customers to virtually try on garments before purchasing, enhancing their shopping experience and helping them make confident buying decisions.

Integration Overview​

The Virtual Try On integration follows the same basic principles as the standard Size Me Up Widget integration, with a few key differences:

  • Simplified Requirements: Product variants, order tracking, and return tracking are not required
  • Essential Data: Only a shop ID, brand, product ID and product image are required
  • Platform Support: All the same platforms supported by the Size Me Up Widget also support Virtual Try On

Platform Support​

All platforms that support the Size Me Up Widget also support Virtual Try On functionality. The existing plugins and packages you may already be using include Virtual Try On capabilities without requiring additional installations. See the Platform Integrations section for more details.

If you've already integrated the Size Me Up Widget, adding Virtual Try On requires minimal additional configuration.

Integration Requirements​

To integrate Virtual Try On, you need:

  1. Shop ID: Your Faslet shop ID
  2. Brand: The brand of the product being tried on
  3. Product ID: The unique identifier for the product being tried on
  4. Product Image: A high-quality image of the product, preferably on the model, or on a (ghost) mannequin.

Implementation​

Standard Implementation​

The standard implementation uses the same approach as the basic widget:

Custom Try On Button​

You can create a custom Try On button using the onTryOn callback function. This function receives the openTryOn function as its argument, which you can call to trigger the Virtual Try On experience.

window._faslet = {
  id: PRODUCT_IDENTIFIER,
  addToCart: function (id) {
      alert("id " + id);
      return Promise.resolve();
  },
  onTryOn: function(openTryOn) {
    document.getElementById('custom-try-on-button').addEventListener('click', openTryOn);
  }
};

Example HTML Button​

<button id="custom-try-on-button">Try On Virtually</button>

Platform-Specific Integration​

Choose your platform below to see platform-specific implementation details:

Platforms​

Technology​

Other​