Add your calculator to Webflow

Give the calculator its own section with a max-width container, auto height and no overflow clipping. The calculator sizes itself to the space it gets, so the container decides how it looks. A width similar to your main reading column usually works well on desktop, and full width with modest padding on mobile.

Because the inline embed renders in an isolated container, Webflow classes don't style the calculator itself. Use them for the surrounding section only, and match the calculator's look with its theme, palette and fonts in your account.

Yes. An Embed element inside a CMS template appears on every item that uses that template. That suits a 'Coverage guides' collection where each guide links to its line. If different items need different calculators, add a plain-text field holding each one's direct link and bind a button to it.

Each lead records the page URL, so even when one template serves many items you can tell which guide produced the lead.

Paste the floating bubble code into the site-wide custom code area (before the closing body tag) in your project settings, then publish. It will appear on every page. If you only want it on certain pages, use each page's own custom code settings instead, and don't add it in both places.

A bubble that opens a multi-calculator widget lets visitors pick their line from anywhere. See multi-calculator widgets.