Body2Fit Playground

See Body2Fit in action

Body2Fit maps a shopper's body measurements to a garment size. Under the hood, it runs a guided two-photo scan (or takes body stats directly), estimates measurements using Bodygram's computer vision engine, and returns the size label the shopper should pick. You own every pixel of the experience — the SDK handles the scanner iframe, the estimation calls, and the recommendation API.

This page lets you run the complete integration flow against Bodygram's demo garments. Use it to understand what each step does before wiring it into your own product page.

For the full integration guide, see Body2Fit Integration.

Integration pattern

Every Body2Fit integration follows four sequential steps. The playground below runs all four live:

1. Check support — call sdk.getBody2FitIsProductSupported() on page load. Only show the size-finding UI if it returns true.
2. Collect measurements — guide the shopper through a two-photo scan, or let them enter height, weight, age, and gender directly.
3. Estimate — call getBody2FitPhotoEstimation or getBody2FitStatsEstimation to get an estimation token representing the shopper's body.
4. Recommend — pass the token and garment SKU to getBody2FitSizeRecommendation. Show the result.

const sdk = new BodygramSDK({
  clientKey: '001b093acb89b8e6ee7995abcd5dda24d66aebef1afa28ff8283dd95af236ec4',
  locale: 'en',
});

API reference

Full signatures, parameters, response shapes, and error codes for every method used in the playground above live in the Headless SDK API reference.

Methods

• getBody2FitIsProductSupported(params) — check whether a garment SKU has Body2Fit data on file. Call before showing any size-finding UI.
• getBody2FitPhotoEstimation(params) — estimate body measurements from front and side photos plus user stats.
• getBody2FitStatsEstimation(params) — estimate body measurements from age, gender, height, and weight alone.
• getBody2FitTokenEstimation(params) — re-fetch a previous estimation using its estimationToken.
• getBody2FitSizeRecommendation(params) — turn an estimation token into a size label (e.g. "M") for one or more garments.
• getBody2FitSizeFitting(params) — get a per-size fitting analysis (tightness at each fitting point, recommendation rank, etc.).

Types

• Avatar — shape of the optional 3D avatar returned by photo estimation.
• Measurements — full list of estimationType keys returned by Body2Fit estimation methods.
• Fitting Points — fitting-point keys used in getBody2FitSizeFitting responses, with their display names.