Add a quote calculator to Webflow
Webflow forms have text fields, dropdowns and checkboxes, but nothing that adds up a price from the answers. Add a quote calculator with a Code Embed: customers answer a few questions about the job, see your price, and you get their details by email.
Build your quote form freeFree for 25 requests a month. No card needed.
This is what your customers see. Change the answers to see the price.
Sparkle Home Cleaning
Get your cleaning price in 30 seconds
Tell us about your home and see your price. No need to call.
Adding it to Webflow
- Copy your embed code from “Add to website”.
- In the Webflow Designer, open Add (+) → Code Embed and drag it onto the page.
- Paste the code and click Save & Close.
- Publish the site and check the live page. The calculator doesn't render inside the Designer.
Before you start
- Code Embed needs a paid Site plan, or a Core, Growth, Agency or Freelancer Workspace plan. On a free Starter site, link a button to your quote page instead.
- Scripts show as a placeholder in the Designer. Preview or publish, then check the page.
- The calculator grows to fit, so leave the embed's height on auto.
Checked against Webflow's own help pages on 30 September 2026.
The same steps, with tips for problems, are in the Webflow help article. Not sure what to charge? See the pricing guides.
Questions
- Can Webflow forms calculate a price?
- No. Webflow's form elements are text inputs, dropdowns, checkboxes, radio buttons and file uploads, with no field that adds up a total. A quote calculator does the maths and sends you the answers.
- Which Webflow plan do I need?
- Any plan that allows custom code: a paid Site plan, or a Core, Growth, Agency or Freelancer Workspace plan. On the free Starter plan, add a button that links to your quote page.
- Why can't I see the calculator in the Designer?
- Webflow shows a placeholder for scripts on the canvas. Preview or publish the site to see it working.
- Can I show a quote button on every page?
- Yes. Paste the button version of the code into Site settings under Custom code, in the Footer code box. It needs the same plans as Code Embed.