Visual builder
Buyers pick parts, colors and add-ons step by step and watch a layered preview update with every choice, on any phone.
Mobile-first theming
Looks like your theme, works on every phone
Most configured products are bought on a phone. The builder is designed for that screen first: preview on top, a scrollable step strip, large touch targets and a sticky price bar with Add to cart.
Theme editor settings
Add the Moddify Studio block to a product template and set accent, background and text colors, corner radius, font, image tile size, desktop height and layout: split, stacked, or full screen behind a Customize button. No code needed for any of it.
CSS tokens for the rest
Every color, radius, spacing step and font size is a CSS custom property on the builder root. Set them in the block's Custom CSS field. Class names are documented and stay stable between releases, so your overrides keep working.
Small and fast
The builder is written in TypeScript with Preact and ships as one script with a 60 KB gzip budget enforced in the build. Today it is about 25 KB gzipped. It reserves its space on the page, so nothing jumps while it loads.
Accessible by default
Answers are real radio buttons and checkboxes, so keyboards and screen readers work. Focus is always visible, price changes are announced, and touch targets are at least 44 px. The builder follows WCAG 2.1 AA on light and dark store themes.
More features
Rules and logic
Show, hide, force or reprice options based on what the buyer already picked. The same rules run in the browser and on our server, with identical results.
Pricing and checkout
Live prices in the builder and native checkout pricing through a Shopify Cart Transform function. No hidden price variants cluttering your catalogue.
Production and orders
Every answer carries a production code. Orders arrive with design images, a clean list of parts, the buyer's uploads and tags set by your own rules.
API and integrations
A read API for orders, designs and published customizers, and signed webhooks the moment a design is ordered.
Analytics
A funnel from builder opened to ordered, how far buyers get through the steps, and which answers bring in orders and revenue.
Currencies and languages
Labels per language, prices in the buyer's currency with per-market rounding, and the same math in the builder and at checkout.
14-day free trial on paid plans
Put a builder on your first product this week
Start on the free plan with one customizer, or try any paid plan free for 14 days. Flat monthly price, no share of your sales.