QuoteBlock

Install guide

How to add a quote calculator to Webflow

Drop it into an Embed element and publish.

  1. Build your calculator here and copy the snippet.
  2. In the Designer, drag an Embed element onto the page.
  3. Paste the snippet into the code editor and save.
  4. Publish. Embeds don't render in the Designer canvas — check the published site.

Worth knowing

The widget renders inside a Shadow DOM, so none of your Webflow styles will reach it and none of its styles will leak out.

Build your calculator — free

What the snippet looks like

Three lines. Your prices are the JSON in the middle, so you can read and edit them any time.

<div data-quoteblock="my-quote"></div>
<script type="application/json" id="my-quote">{ ...your prices... }</script>
<script src="https://quoteblock.app/v1/quoteblock.js" defer></script>

Other platforms

WordPressInstall guideSquarespaceInstall guideWixInstall guideShopifyInstall guideany HTML siteInstall guide