Quote Configurator

Quote Configurator turns a product page into a small configurator. Visitors pick options from up to four groups — colour swatches, text chips or image thumbnails — and watch the picture and the price change with every choice. Show transparent layers that stack (draw each part once, get every combination) or swap complete photos.

Prices use any currency and number format, with tax included or added on top and its own line. The configuration lives in the page address, so a copied link reopens the same choices. When the visitor is ready, a short form sends the request as JSON to your webhook — Zapier, Make, n8n or your own endpoint — or, with no webhook, opens a pre-filled email. No Framer form, no API keys in the browser.

Every group is a keyboard-friendly radio group with visible focus, and prices are announced to screen readers. The first option of each group is selected in the server-rendered page, so the configurator looks complete before JavaScript loads.

• Up to 4 option groups with 12 options each, as swatches, chips or images.

• Each option has a label, colour, image, price difference and short note.

• Two picture modes: stacked layers, or one picture per option, with a cross-fade.

• Live price in any currency, with tax included or excluded.

• A summary line for each choice, plus a shareable link with a Copy button.

• Quote requests by webhook or pre-filled email, with a hidden anti-bot field.

• All texts, fonts, colours, radii and spacing are editable.

How to use: after purchase you receive the component link. Copy it, click the canvas of your Framer project and paste (Cmd+V or Ctrl+V). Then fill the option groups and set the price.

User guide (PDF): https://framerusercontent.com/assets/ZdIZeBl9KR703AhPgYTYx3SuRoQ.pdf

One purchase covers one website. Questions and help: info@litchisolutions.com