Back to Integrations

Install Made For Law on Squarespace

Add Made For Law legal calculators to your Squarespace site using a Code Block or Code Injection.

Requirements

Squarespace requires a Business plan or higher to use Code Blocks and Code Injection. Personal and Basic plans do not support custom code.

Option A: Add to a Specific Page (Code Block)

  1. 1

    Log into Squarespace

    Go to your Squarespace dashboard and open the site editor.

  2. 2

    Navigate to the target page

    Open the page where you want the calculator to appear.

  3. 3

    Add a "Code" block

    Click an insert point on the page, select "More" from the content block menu, then choose "Code." This opens a code editor.

  4. 4

    Paste the embed code

    Paste the snippet below into the code editor. Replace the placeholder data-key value with your license key from Settings > Embed.

  5. 5

    Toggle "Display Source" off

    Make sure the "Display Source" toggle is turned off so the code executes instead of showing as text.

  6. 6

    Save and publish

    Click outside the block to close the editor, then click "Save" or "Publish" to make the changes live.

Option B: Site-wide via Code Injection

Use this method if you want the calculator available on every page or if you prefer managing it from a single location.

  1. 1

    Go to Settings → Advanced → Code Injection

    In your Squarespace dashboard, navigate to Settings, then Advanced, then Code Injection.

  2. 2

    Paste in the Footer section

    Paste the embed snippet into the Footer text area. Footer injection loads on every page, after the main content.

  3. 3

    Save

    Click "Save" at the top of the page. With Code Injection, the calculator will render at the bottom of every page (right after the injected script). Use a Code Block if you want it placed on a specific page section.

Embed Code

Copy this snippet and replace MFL-XXXX-XXXX-XXXX-XXXX with the license key from Settings > Embed in your portal.

<script src="https://app.madeforlaw.com/widget/loader.js"
        data-key="MFL-XXXX-XXXX-XXXX-XXXX"
        data-app="probate"></script>

Troubleshooting

The calculator does not appear after saving

Make sure you are on a Squarespace Business plan or higher. Personal and Basic plans strip custom JavaScript from Code Blocks.

"Display Source" is on and I see raw HTML

Edit the Code Block and toggle "Display Source" off. When this is on, Squarespace renders the code as visible text instead of executing it.

"Invalid license key" error

Verify your script tag includes the correct data-key value from Settings > Embed in your portal. Keys are case-sensitive.

The calculator appears but is not styled correctly

Squarespace may apply its own CSS to embedded elements. Try wrapping the embed div in a container with a fixed width, or add the Code Block inside a full-width section.

Code Injection method: calculator shows on wrong pages

Footer Code Injection loads on every page, so the calculator will show on every page (at the bottom). If you only want it on one page, remove it from Code Injection and add the embed snippet in a Code Block on that page instead.

Don't have a license yet?

Start a free 14-day trial.

Learn about Made For LawStart free trial →

Need help? Contact our integration support team

Back to Integrations