Product Configurator

Product Configurator turns any customizable product into an interactive, no-code configurator for Framer. Visitors pick options (finish, size, color), watch the price update live, then send their configuration straight to your own Framer form.

HOW TO USE

• Add Product Configurator to your page

• Add categories and options under "Option categories"

• Set a price add-on per option, the total updates live

• Add one photo per combination under "Renders"

• Give your Framer form an ID, point "Form selector" to it, no code

• Style everything from the "Style" popup: accent, theme, radius, shadow, font

• Continue, Back and Submit each get their own style popup

KEY FEATURES

• Live Pricing: base price plus add-ons, instant total, optional decimals

• Built-in Quote Form: 2-step flow that submits your own Framer form

• Light & Dark Theme: auto follows system, or force manually

• Independent Buttons: background, text, font, radius, border per button

• Unlimited Options: buttons, color swatches or dropdown, your choice

• CMS-Ready Name: type it directly, or bind to a CMS field

• Editable Copy: every label is plain text, ready for any language

WHY PRODUCT CONFIGURATOR?

A static product page forces visitors to guess. Product Configurator replaces that with a live, priced configuration they build themselves, cutting back-and-forth quote requests. Drops into your existing Framer form, no external service, no code.