Dashboard — size library
Type a garment's chart in your own words and save it. You get a link — and, if you want it, a small piece of code that opens the size finder in a popup on your own product page — so a shopper is told the right size before they order the wrong one.
Size is the biggest reason clothing comes back. Answer it before checkout.
A username, an email and a password. Your size charts belong to that account; a customer opening a link from your product page needs no account of their own.
FindMySize is $150 per store per month, for unlimited clothing size charts. Pay once on Selar, and every chart you type here is live on your product pages.
01 — The chart
Copy the chart off your product page. The size names and numbers are yours — the order only matters for a tie: type them smallest first.
Open your Supabase project, go to SQL Editor, paste all of
supabase/setup.sql and run it (README, step 4), then
reload this page. Saving is off until then — nothing else here
needs it, and the scanner is unaffected.
02 — The library
Each one has a link of its own. Follow it to check it yourself: it is exactly what a customer sees.
A chart is the garment's numbers, never anybody's. A shopper's clip is measured on their own phone, nothing from it is stored, and nothing from it reaches you — the only thing that travels is the chart you typed, going the other way.
03 — Go live
One line of HTML per garment. No install, no build step, no account for your customers.
Each garment card above has a box labelled Popup code for your product page. Use its Copy the popup code button. The line looks like this:
<script src="https://damii-lola.github.io/3dGarments/embed.js" data-chart="YOUR_CODE" data-label="Find My Size"></script>That single line is the entire integration. The data-chart part tells it which size chart to use; everything else is optional.
Open your product page's HTML (or your platform's "Custom HTML",
"Additional scripts", or "Code injection" box) and paste that line
at the very top of your <body>, before anything
else. The button will float bottom-right as a FAB.
<body>.<script> tag right after the opening <body> tag.Paste it once per garment. A page selling three garments gets three floating buttons, one per size chart.
Before publishing, click Preview & Customise Popup on a garment card. The real popup opens over this dashboard, running the same code your customers will get, and you can change its colours and wording there. If it looks right here, it will look right on your site.
Open the chart card's Preview & Customise Popup panel to style the floating button and every screen of the size finder to match your brand. Then copy the updated snippet below.
data-label="Find my fit"data-color="#2563eb" (any CSS colour)Example: a green button that says "Find My Size":
<script src="https://damii-lola.github.io/3dGarments/embed.js" data-chart="YOUR_CODE" data-label="Find My Size" data-color="#16a34a"></script>The The link field on each card works on its own — drop it into a product description, an Instagram bio, or an order confirmation email. It opens the same size finder and still knows which garment it is for. No button, no code.
They click the button, a popup opens over your page (no new tab, basket untouched), they record one slow 360° turn on their phone, and they are shown their measurements and which size of your garment to buy.
Nothing is saved — their video never leaves their phone.
<script> tags.https://damii-lola.github.io in script-src and frame-src.Start with the chart above. The link and the code appear the moment you save.
Add your next garment