Back to Demo

Widget Integration Example

This standalone HTML page demonstrates how the size chart widget looks when embedded on an external website.

Light Theme

Dark Theme

Compact Mode

Embed Code

<!-- Add container where you want the chart -->
<div data-chart="mens-tops"
     data-unit="in"
     data-theme="light"></div>

<!-- Add script before </body> -->
<script src="https://your-domain.com/embed/size-charts.js"
        data-api="https://your-domain.com"></script>

Configuration Options

Attribute Values Description
data-chart Chart slug Required. The chart to display.
data-unit in / cm Default measurement unit.
data-theme light / dark Color theme.
data-compact true Compact styling.
data-api-key API key For authenticated requests.