QuoteBlock

Install guide

How to add a quote calculator to Squarespace

Squarespace calls it a Code Block. It takes about a minute.

  1. Build your calculator here and copy the snippet.
  2. Edit the page where you want it and click an insertion point.
  3. Choose Code from the block menu.
  4. Paste the snippet, make sure the block type is set to HTML, and save.

Worth knowing

Code Blocks need a Business plan or above on Squarespace. On a Personal plan, use the booking-link option instead — the calculator can point at your contact page.

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