Add your calculator to Squarespace

Squarespace stops custom scripts from running inside the editor so a faulty script can't break the editing screen. The Code Block therefore shows a placeholder or nothing at all. That's expected. Save, leave the editor and load the public page — that is where the calculator renders and where you should test it.

If the public page is also blank, the most likely cause is a plan that doesn't run JavaScript in Code Blocks. A direct link to the calculator works on any plan as a fallback.

Yes. Copy the calculator's direct link from the Embed tab and use it as the destination of a standard Squarespace button or navigation link. This works on every plan because it is just a link, and it is handy in a header, announcement bar or email campaign where a full inline calculator wouldn't fit.

Word the button for what the visitor gets — an estimate of their coverage need — rather than a quote.

Place it high on the product page for its line, directly after a short introduction to that coverage. Visitors on a life insurance or retirement-income page are already researching, so the calculator should be visible without scrolling past long text. Use a full-width section so the fields and results have room.

A 'Planning tools' page with a multi-calculator widget suits visitors who arrive from your homepage without a line in mind. See multi-calculator widgets.