Size Tailor

Improve your store integration with Sizebay even further by extending the user measures experience.

Getting Started

My Sizebay Admin

If you don't have access to MySizebay Admin, contact our team at [email protected]

First, you'll have to enable Size Tailor in a Category.

You can do that by going to https://my.sizebay.com/categories and clicking on a Category (or creating a new one) like we're showing here:

Size Tailor configuration through the Categories page

Size Tailor being toggled whilst editing/creating a Category

Virtual Fitting Room

After enabling it through MySizebay, simply add to your VFR 4 configuration file the following snippet:

config_v4.json

{
    ... ommitted config file ...

    general: {
        ... ommitted general object ...

        sizeTailor: true, // globally enables Size Tailor

        ... ommitted general object ...
    }

    ... ommitted config file ...
}

It can take a few minutes to reflect the update. Contact our development team at [email protected] for any further issues.

Usage

Virtual Fitting Room

When enabled, Size Tailor will become available as a button through the "Fallback Measures" step. It looks something like this:

Size Tailor button experience

Size Tailor step experience

eCommerce Integration

As a result of using Size Tailor, our service will store into the window a new object called sizeTailor containing the profile measurements, available through window.sizebayParams.sizeTailor. This can be used to facilitate the integration between VFR and your eCommerce, allowing the measurements calculated by Sizebay to be used outside our webapp.

PS: The values shown in the object are measured in centimeters and can't be configured to return as other conversion types.

This is what our object looks like:

// window.SizebayParams.sizeTailor
{
  "id": "szb-compose-size-tailor",
  "measures": {
    "waist": 91,
    "chest": 102,
    "hip": 106,
    "sleeve": 42,
    "length": 0,
    "insideLeg": 48,
    "neck": 41,
    "fist": 0,
    "underBust": 0,
    "poundWeight": null
  }
}