Can each CMS listing show its own price?
Yes, by inserting the CMS price field into the embed where your snippet accepts a default price. Otherwise, set defaults per listing in your dashboard.
Help center
Add a calculator to Webflow
To add a calculator to Webflow, drag a Code Embed element onto the page or into a CMS template and paste your snippet. In a listing collection template, you can insert the listing's price from a CMS field so every listing page shows its own payment.
- No card needed on the Agent plan
- 14-day free trial on Team and Brokerage
Lot 01
Step by step
About five minutes. Copy your exact snippet from your dashboard.
BeforeAfter
Before: Before
- Static listing templates
- No payment on the page
- Contact form only
After: After
- A calculator in every listing template
- Prices pulled from your CMS
- Leads tagged with the listing URL
- Copy the snippetCopy the inline snippet from your dashboard.
- Add a Code EmbedDrag the Embed element where the calculator should go.
- Paste, add CMS fieldsPaste the code. In collection templates, insert the price field where the snippet takes a default price, if your dashboard snippet supports it.
- Publish and testPublish the site and test on a live listing page.
Lot 02
Tips that save time
- Custom code in Webflow may need a paid site plan. Check your plan.
- Scripts don't run in the Designer canvas. Test on the published site.
- Use one embed per template, not per section.
- Name the embed element so collaborators know what it is.
Questions by topic
Questions agents ask
Why don't I see it in the Designer?
Webflow doesn't run embedded scripts in the Designer. Publish to staging or live to test.
Do I need a paid plan?
Custom code embeds generally require a paid site plan. Check Webflow's current plan details.
The calculator doesn't appear. What should I check?
Make sure the whole snippet was pasted, including the script tag, and that you published or saved the page. Some builders only run scripts on the live site, not in the editor preview. If scripts aren't allowed, use the iframe snippet instead.
Can I change the calculator after embedding it?
Yes. Change defaults, theme, labels and the lead form in your dashboard. The snippet stays the same, and the live page updates.
Is embedding included on the free plan?
Yes. Every plan, including the free Agent plan, can embed calculators. Paid plans remove the credit and add webhooks.
How do I know leads are arriving?
Submit the calculator yourself on the live page. You'll get a new-lead email and see the contact in your account. On Team and Brokerage, check your webhook destination too.
Paste your first snippet today
Free on the Agent plan. No card.