QuoteCart Pro is a complete cart and quote request (RFQ) system for Framer websites. It allows visitors to add products to a persistent cart, enter contact details through a multi-step checkout flow, and submit a quote request via webhook, all with polished animations and full design customization.
Place on product cards. Includes 4 button styles (filled, outline, ghost, minimal). Shows animated checkmark feedback on click. Configurable product ID, name, price, image, and quantity per click.
Designed for your site header. Choose from 3 icon styles (bag, cart, basket). Animated badge counter bounces when items are added. Click opens the slide-in drawer.
Full slide-in panel from left or right with backdrop blur. Spring-animated open and close. Contains the full cart experience including item list, quantity steppers, promo codes, multi-step form, and submission.
Inline full cart view for dedicated cart pages. Same features as the drawer but embedded into your layout.
Compact summary bar showing item count and total price. Clicking opens the drawer. Ideal for sticky footers or floating elements.
3-step animated flow with a progress bar:
Cart — Review items, adjust quantities, apply promo codes, add per-item notes
Details — Dynamic customer form with configurable fields
Review — Order summary with itemized breakdown and contact details before submission
Animated step indicator shows progress. Steps transition smoothly and can be disabled to skip directly to review.
Configure customer fields using a simple text format in the property panel.
Supported field types: text, email, tel, textarea, and select with custom options. Any field can be marked as required. The form validates before allowing progression to the review step.
Built-in discount code support. Set a valid code and discount percentage in the property panel. Users enter the code in the cart and the discount is applied to the total with visual feedback. Included in the webhook payload.
Each cart item can include an optional note. Users click “Add note” to expand a text area. Notes are included in the webhook payload for customization requests or special instructions.
Sends a POST request with a JSON payload to any endpoint (Make, Zapier, Cloudflare Workers, custom API). Return 2xx for success. Non-2xx responses show a configurable error message. Success displays an animated checkmark with the request ID.
Built-in formatting for USD, EUR, GBP, TRY, JPY, CAD, AUD, CHF, CNY, INR, BRL, KRW, SEK, AED, plus a Custom option for your own symbol. Decimal places configurable from 0 to 4.
All component instances using the same Storage Key stay synchronized. Add to Cart buttons anywhere update the cart icon badge and drawer contents in real time via localStorage and custom DOM events. Works across browser tabs.
Can Girgin
