Create the connector
Go to Library → Connectors and create a new connector. Give it a descriptive title (e.g. Canvas size sync).
Add bindings
Each binding maps a source fact to a control on your product page:
| Source | Typical control | Example |
|---|---|---|
pageCount | quantity | A 10-page PDF = 10 prints |
width / height | width / height inputs | Fill canvas/banner dimensions |
area | area | Price by square area |
Set units and rounding
Dimensional sources are in millimetres. Set convertTo (mm / cm / in / pt), decimals, and rounding per binding. For theme-specific markup, add a custom selector.
Element connectors reference
Binding shape, runtime methods, and the full config schema.