Size guide

The size guide is the smallest way to add TryYourSize: a link-sized “Size guide” with the TryYourSize mark, placed where your store already has its size chart link. It renders in your page (no iframe to paint) and takes your store’s own font and colour.

Shopper	What they see
Not connected	“Size guide”. A tap opens our window: sign in with an email code, or measure with a tape measure.
Connected, size known	“Your size: M”, in your size labels.
Connected, try-on running	“Calculating your size…”
Connected, no size can be worn	“No size fits you”

Your code gets the same information as a recommendation event, so you can preselect your size picker. You receive sizes only, never measurements.

Where it runs

Surface	How
Any website	elements.create("sizeGuide", …) or <tys-size-guide> (Web SDK)
React	<SizeGuide>
iOS	SizeGuide (SwiftUI) and SizeGuideButton (UIKit)
Android	SizeGuide (Compose) and SizeGuideView
React Native, Flutter	<SizeGuide>, SizeGuide
Shopify	The “Size guide” theme block (no code)

Size guide quickstartAdd it next to your size picker in ten minutes.

Preselect the recommended sizeUse the recommendation without overriding the shopper's choice.