Developer Reference
Technical integration guides for developers and agencies. Covers Modal Integration (embedding the Size Hub in your own modal), headless storefront setup, custom button placement, and advanced widget controls. These articles require access to theme code or a custom frontend; if you're looking for the no-code setup, start with the Quick Start Guide instead.
5 articles
- Implementing Additional 'Find Your Size' ButtonsThis guide explains how to place a Measmerize "Find Your Size" button in multiple locations on your Product Detail Page (PDP) while maintaining a single, unified recommendation flow.
- How to Manually Position the 'Find My Size' Button on a Liquid ThemeThis guide explains how to manually position the Measmerize 'Find my size' CTA on product pages. Use this process when you need to display the button in a non-standard location,…
- Opening the Size Hub to a Specific TabControl which tab — Size Advisor, Size Chart, or Measurements Guide — opens when a shopper clicks your CTA, using the tabToOpen parameter.
- Integration for Headless StorefrontsLearn how to manually integrate the Measmerize Size Hub on a headless Shopify storefront by injecting the script, placing the button container, and defining the widget settings object.
- Script Integration — Modal ModeLearn how to embed the Measmerize Size Hub inside your own modal overlay. Covers the required container setup and how to listen to custom events.