Add a calculator to a Squarespace site

The steps

1. Edit the page or post where the calculator should appear.
2. Add a block and choose Code.
3. Paste the code into the block.
4. Make sure the mode menu is set to HTML, or the code is shown as text.
5. Save, then look at the page as a visitor would.

These steps are as Squarespace: Code blocks gave them on October 11, 2026. We read them; we have not tested them on every plan. If a menu has moved since, that page is the authority.

What stops it working

Squarespace lists frames in a Code block as a premium feature, not included in its Basic plan. Its help also says code sometimes does not appear while you are logged in to edit, even though visitors can see it.

Source: Squarespace: Premium features.

• Nothing appears. The plan or the editor has removed the frame. That is the first thing to check, above.
• It is cut off. The code asks for 820 pixels of height. Raise the number, or accept that the calculator scrolls inside its box.
• The credit is missing. The second line of the code is the credit link. Paste both lines.

The code, for the mortgage calculator