> For the complete documentation index, see [llms.txt](https://docs.sizebay.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sizebay.com/size-and-fit-data-integration/size-tailor.md).

# Size Tailor

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

## Getting Started

### My Sizebay Admin

{% hint style="info" %}
If you don't have access to MySizebay Admin, contact our team at <support@sizebay.com>
{% endhint %}

First, you'll have to enable Size Tailor in a Category.&#x20;

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](https://1022323780-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzImAk0E8gH5pd_yZOg%2F-Mjou906Lh1IjxJm_Z3M%2F-MjoundN5slPN8o1Shcm%2Fimage.png?alt=media\&token=ff9b5b9a-3132-4155-ac0c-76d1206446f1)

![Size Tailor being toggled whilst editing/creating a Category](https://1022323780-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzImAk0E8gH5pd_yZOg%2F-Mjou906Lh1IjxJm_Z3M%2F-MjovVkgihtWqJ37WDMD%2FPeek%202021-09-17%2015-03.gif?alt=media\&token=1fbc0c95-37fe-4317-932f-5e93eaab5502)

### Virtual Fitting Room

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

{% code title="config\_v4.json" %}

```javascript
{
    ... ommitted config file ...

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

        sizeTailor: true, // globally enables Size Tailor

        ... ommitted general object ...
    }

    ... ommitted config file ...
}
```

{% endcode %}

{% hint style="info" %}
It can take a few minutes to reflect the update. Contact our development team at **<support@sizebay.com>** for any further issues.
{% endhint %}

## 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](https://1022323780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzImAk0E8gH5pd_yZOg%2Fuploads%2FLxi7Ux6WQ3Ks1Wbt1PMb%2Fimage.png?alt=media\&token=f01a8ca8-efb7-4b99-a920-0a89fb6453ad)

![Size Tailor step experience](https://1022323780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzImAk0E8gH5pd_yZOg%2Fuploads%2FoW859gfduAzAO85O7Zzz%2Fimage.png?alt=media\&token=6ee81b4c-defa-4d56-bc7a-53c5382f360b)

### 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:

```javascript
// 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
  }
}
```