QuoteBlock

Install guide

How to add a quote calculator to Shopify

For service businesses selling through a Shopify site — usually a page, not a product.

  1. Build your calculator here and copy the snippet.
  2. Go to Online Store → Pages and edit the page you want it on.
  3. Click the <> (Show HTML) button in the content editor.
  4. Paste the snippet at the point you want it and save.

Worth knowing

To put it in a theme section instead, add the snippet to a Custom Liquid block in the theme editor.

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