Why does my code block show nothing in the editor?
Squarespace often disables scripts in the editor for safety. Save and view the live page.
Help center
Add a calculator to Squarespace
To add a calculator to Squarespace, place a Code Block where you want it and paste your snippet. Some Squarespace plans restrict JavaScript in code blocks. If yours does, use the iframe snippet or a button that opens the calculator's direct link.
- No card needed on the Agent plan
- 14-day free trial on Team and Brokerage
Lot 01
Step by step
About five minutes. Copy your exact snippet from your dashboard.
BeforeAfter
Before: Before
- A beautiful page with no way to run numbers
- Visitors leave to use a bank's calculator
- No leads from interested browsers
After: After
- The calculator in your Squarespace design
- Leads with their numbers attached
- Your colors and theme
- Copy the snippetChoose inline embed, or the iframe snippet if your plan restricts scripts.
- Add a Code BlockEdit the page, add a block and choose Code.
- Paste the codePaste the snippet and make sure the block's display mode is HTML.
- Save and testSave, view the live page and submit a test lead.
Lot 02
Tips that save time
- Code blocks may show a placeholder in the editor. Check the live page.
- Use the theme option that matches your Squarespace site's light or dark style.
- If the page is narrow, choose the Compact theme.
- A popup button keeps long pages tidy.
Questions by topic
Questions agents ask
My plan doesn't allow JavaScript. What can I do?
Use the iframe snippet, or add a button linking to the calculator's direct link.
Can I add it to a blog post?
Yes. Add a Code Block inside the post.
The calculator doesn't appear. What should I check?
Make sure the whole snippet was pasted, including the script tag, and that you published or saved the page. Some builders only run scripts on the live site, not in the editor preview. If scripts aren't allowed, use the iframe snippet instead.
Can I change the calculator after embedding it?
Yes. Change defaults, theme, labels and the lead form in your dashboard. The snippet stays the same, and the live page updates.
Is embedding included on the free plan?
Yes. Every plan, including the free Agent plan, can embed calculators. Paid plans remove the credit and add webhooks.
How do I know leads are arriving?
Submit the calculator yourself on the live page. You'll get a new-lead email and see the contact in your account. On Team and Brokerage, check your webhook destination too.
Paste your first snippet today
Free on the Agent plan. No card.