SQUARESPACE INTEGRATION

Add a calculator to Squarespace

A Code block is all it takes. Paste the snippet, leave the block set to HTML, and the calculator appears in your page exactly where you put it.

30-day free trial · no credit card required

How it works

  1. 01
    Build it

    Start from a template or a blank canvas and add the questions, formulas and results you want.

  2. 02
    Publish

    Press Publish and copy the embed snippet.

  3. 03
    Paste it into Squarespace

    Into an HTML block, as described above.

Where the snippet goes

  • Add a Code block where the calculator should appear.
  • Leave the block set to HTML and paste the snippet in.
Watch out

Code blocks require a paid Squarespace plan. On the free trial or a Personal plan without them, use the calculator's shareable link behind a button instead — it needs no code block at all.

Squarespace hides the block content while you are editing and shows a placeholder. Save and view the live page to see the calculator.

What you get

Nothing to install

There is no plugin, app or extension to install. The snippet is the whole integration. Nothing is added to your Squarespace site, so there is nothing to update and nothing to conflict with.

It fits the space it is given

The frame reports its height as the visitor moves through the calculator, so you never have to guess a height or leave a gap under it.

Republish and every copy updates

Change a price or a formula and every page you pasted it into shows the new version. You do not go back and edit those pages.

Or skip the embed entirely

Every calculator also has a full-page link of its own, so you can send it in an email or put it behind a button without embedding anything.

Questions

Do Code blocks work on every Squarespace plan?

No — they need a paid plan. If yours does not include them, put the calculator's shareable link behind a button instead. It works on any plan and needs no code.

Why does the block look empty in the editor?

Squarespace shows a placeholder for code blocks while editing. Save and view the live page and the calculator is there.

Will it match my site fonts and colours?

It can. Set the theme in the builder — colours, typeface, corner radius and spacing — so the calculator looks like part of the page rather than a box dropped onto it.

Can I put it in a blog post?

Yes. A Code block works in a blog post exactly as it does on a page.

Read more

Build it this afternoon.

Free for 30 days, and there is nothing to install.

Start building free