56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/3npaj8f4glbs_.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/2knggklfeqwdv.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:Ta5f,

QuoteFlow is an interactive pricing calculator and booking component built for freelancers, agencies, and studios. Clients pick their desired services, configure quantities, and watch an itemized thermal receipt calculate in real time before booking directly into your calendar.

Key Features

Interactive Thermal Receipt: Realistic receipt design with animated counter totals, custom branding, and tear-off zigzag edges.
Instant Cal.com Handoff: Automatically pre-fills itemized services, reference IDs, and total costs into Cal.com meeting notes.
Flexible Pricing Engine: Full control over currency symbols, decimals, custom tax rates, extra fees, and bundle discounts.
Seamless Booking UX: Choose between an embedded popup modal with an automatic countdown or a direct new-tab redirect.
Session Memory: Remembers client selections while browsing across tabs.
One-Click Copy: Lets prospects instantly copy their formatted quote breakdown to their clipboard.

Property Controls

Services: Add up to 30 services with custom pricing, categories, tags, and pre-selected defaults.
Appearance: Choose Clean, Vintage, Dark Thermal, or fully Custom paper colors, card styles, and shadows.
Pricing Rules: Configure taxes, service fees, and volume-based discounts (percentage or fixed).
Booking: Paste your Cal.com URL, adjust modal themes, and append custom booking notes.
Layout & Typography: Responsive auto-stacking, sticky receipts, and full typography styling.

Quick Start Guide

Drag and drop QuoteFlow onto your canvas.
Add your services, descriptions, and prices in the Services panel.
Paste your Cal.com link in the Booking tab.
Match colors, shadows, and typography to your brand.
Publish and start booking pre-qualified clients!

53:[["$","$L56",null,{"post":{"id":"019c29aa-2d7d-7741-89d0-3b47a7180d86","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f4924de8-9236-488c-918b-7df9feddcf59","name":"Evixel Studio","slug":"evixelstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1040899/avatar-rKy5PSsrJCXqvyoypsvKcOaOtAEZd4.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZMkK6aBm2ONFxfpaqDsg","resolved":true,"title":"Quote Flow","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"QuoteFlow is an interactive pricing calculator and booking component built for freelancers, agencies, and studios. Clients pick their desired services, configure quantities, and watch an itemized thermal receipt calculate in real time before booking directly into your calendar."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Thermal Receipt:","marks":[{"type":"bold"}]},{"type":"text","text":" Realistic receipt design with animated counter totals, custom branding, and tear-off zigzag edges."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Instant ","marks":[{"type":"bold"}]},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Cal.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" Handoff:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically pre-fills itemized services, reference IDs, and total costs into "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Cal.com","target":"_blank"}}]},{"type":"text","text":" meeting notes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Pricing Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over currency symbols, decimals, custom tax rates, extra fees, and bundle discounts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless Booking UX:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose between an embedded popup modal with an automatic countdown or a direct new-tab redirect."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Session Memory:","marks":[{"type":"bold"}]},{"type":"text","text":" Remembers client selections while browsing across tabs."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One-Click Copy:","marks":[{"type":"bold"}]},{"type":"text","text":" Lets prospects instantly copy their formatted quote breakdown to their clipboard."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Property Controls","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services:","marks":[{"type":"bold"}]},{"type":"text","text":" Add up to 30 services with custom pricing, categories, tags, and pre-selected defaults."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Appearance:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose Clean, Vintage, Dark Thermal, or fully Custom paper colors, card styles, and shadows."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing Rules:","marks":[{"type":"bold"}]},{"type":"text","text":" Configure taxes, service fees, and volume-based discounts (percentage or fixed)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Booking:","marks":[{"type":"bold"}]},{"type":"text","text":" Paste your "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Cal.com","target":"_blank"}}]},{"type":"text","text":" URL, adjust modal themes, and append custom booking notes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout & Typography:","marks":[{"type":"bold"}]},{"type":"text","text":" Responsive auto-stacking, sticky receipts, and full typography styling."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Quick Start Guide","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag and drop QuoteFlow onto your canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your services, descriptions, and prices in the "},{"type":"text","text":"Services","marks":[{"type":"bold"}]},{"type":"text","text":" panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste your "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Cal.com","target":"_blank"}}]},{"type":"text","text":" link in the "},{"type":"text","text":"Booking","marks":[{"type":"bold"}]},{"type":"text","text":" tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Match colors, shadows, and typography to your brand."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish and start booking pre-qualified clients!"}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Interactive quote & booking slip","slug":"quote-flow","author":{"framerUserId":"f4924de8-9236-488c-918b-7df9feddcf59","name":"Evixel Studio","slug":"evixelstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1040899/avatar-rKy5PSsrJCXqvyoypsvKcOaOtAEZd4.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f4924de8-9236-488c-918b-7df9feddcf59/01a0b677-20da-7346-9ea4-5ebf547eb9d6.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-01-05T19:51:44.116Z","updatedAt":"2026-09-19T13:31:07.279Z","publishedAt":"2026-02-04T17:19:04.573Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://quote-flow.framer.website/","price":"5","paymentUrl":"https://evixelstudio.gumroad.com/l/quoteflow-evixelstudio","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"KliZvOBRsRI6hHpjeGE8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-04T17:19:04.573Z","updatedAt":"2026-02-04T17:19:04.573Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you