Which Squarespace plan do I need to embed a calculator?

Code blocks require the Business plan or above. Personal plans do not include Code blocks. As a workaround on Personal plans, you can link out to the calculator instead of embedding it, or use an Embed block with a direct URL where supported.

Why does my Squarespace Code block show the raw HTML instead of the calculator?

The block mode is set to Markdown instead of HTML. Open the Code block settings and switch the mode dropdown to HTML. Markdown mode escapes tags and displays them as visible text.

Does the calculator render in the Squarespace editor?

Not always. Squarespace often suppresses iframe rendering while editing to keep the editor responsive. Save the page and view it live, or open the page in an incognito window to confirm the embed works.

Is the Squarespace calculator embed free?

The CalcIQ embed is free with no registration or API key. You do need a Squarespace Business plan or above because Code blocks are a paid Squarespace feature. Each embed includes 3 free calculations per day per visitor.

How to Add a Calculator to Squarespace (Free, No Code)

Before you start

Squarespace Code blocks require the Business plan or above. Personal plans do not include them — that is a Squarespace restriction, not an embed limitation. If you are on Personal, you can still link visitors to the calculator instead of embedding it.

Step-by-step

1Copy an embed code

Open the CalcIQ embed library and click Copy on any calculator:

<iframe src="https://calciq.app/app?calc=fd" width="100%" height="500" style="border:none;border-radius:8px;" title="FD Calculator - CalcIQ"></iframe>
<p style="font-size:12px;text-align:center;margin:8px 0 0">Powered by <a href="https://calciq.app" target="_blank" rel="noopener" style="color:#10b981;font-weight:600;text-decoration:none">CalcIQ</a></p>

2Add a Code block

Edit your page, hover where you want the calculator, and click an insert point (the + or a thin line). Search for Code and select the Code block.

3Paste and set the mode to HTML

Delete the placeholder content, then paste the iframe snippet. Check the mode dropdown — it must read HTML, not Markdown. Markdown mode escapes tags and shows the code as plain text on your page.

Leave "Display Source" unchecked.

4Save, then check the live page

Click Save. Squarespace often suppresses iframe rendering inside the editor, so a blank block while editing is not a failure. Open the live page (or an incognito window) to confirm.

Sizing

The snippet is width="100%", so it fills the block's column. Adjust height for the calculator's complexity:

Calculator type	Height
Tip, age, BMI	450–500px
EMI, SIP, FD	550–650px
Rent vs Buy, Loan Comparison	650–700px
Placed in a narrow column	700px+

In Squarespace 7.1 you can also drag the Code block wider or narrower on the page grid. Give financial calculators at least half the page width so input fields sit side by side rather than stacking.

Troubleshooting

Raw HTML visible on the page — Block mode is Markdown. Switch it to HTML.
Blank block in the editor — Normal. Squarespace suppresses iframes while editing. Check the live page.
Blank on the live page too — Confirm you used a Code block (not a Markdown or Text block) and that you are on Business or above.
Calculator cut off — Increase the iframe height by 100px and save again.
Cramped on mobile — Raise the height to 650–700px so stacked fields have room.

Popular calculators for Squarespace sites

FAQ

Which Squarespace plan do I need?

Business or above — Code blocks are not included on Personal plans. This is a Squarespace restriction.

Why does my Code block show HTML instead of the calculator?

The block mode is set to Markdown. Open the block settings and switch it to HTML.

Does it render in the editor?

Often not. Squarespace suppresses iframe rendering while editing. Save and view the live page to confirm.

Is it free?

The CalcIQ embed is free — no registration or API key. You still need a paid Squarespace plan for Code blocks. Each embed includes 3 free calculations per visitor per day.

Does it track visitors?

No. Zero tracking, no cookies. Calculations run in the visitor's browser and their numbers never leave their device.

Browse all 19 calculators

Financial, lifestyle, regional, and utility calculators — all free to embed.

Open the embed library →

Other platforms

Custom HTML block

Embed element

Embed HTML

Full library