QuoteBlock

Install guide

How to add a quote calculator to Wix

Wix calls it an Embed / Custom Element. Use the HTML iframe option.

  1. Build your calculator here and copy the snippet.
  2. In the Wix editor, click Add Elements → Embed Code → Embed HTML.
  3. Choose Code and paste the snippet.
  4. Drag the box to the size you want — the calculator fills the width it is given.

Worth knowing

Wix renders embeds inside an iframe, so give the box a generous height (around 700px) or the calculator will scroll inside its own frame.

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 guideWebflowInstall guideShopifyInstall guideany HTML siteInstall guide