Script Tag (Universal)

2 min read

Add the probate calculator to any website with a single script tag.

Overview

The script tag method works on any website where you can add HTML. It's the simplest way to embed the calculator.

Getting Your Embed Code

Log in to the portal

Go to portal.madeforlaw.com and sign in.

Navigate to Embed Settings

Click Settings > Embed in the sidebar.

Copy the script tag

You'll see your personalized embed code. Click Copy to copy it to your clipboard.

Adding to Your Website

Paste the script tag into your page's HTML, ideally just before the closing </body> tag:

html

<!DOCTYPE html>
<"hl-attr">class="hl-tag">html>
<"hl-attr">class="hl-tag">head>
  <"hl-attr">class="hl-tag">title>My Law Firm</"hl-attr">class="hl-tag">title>
</"hl-attr">class="hl-tag">head>
<"hl-attr">class="hl-tag">body>
  <!-- Your page content -->

  <"hl-attr">class="hl-tag">h2>Estimate Your Probate Costs</"hl-attr">class="hl-tag">h2>

  <!-- Add the Made For Law embed code here -->
  <"hl-attr">class="hl-tag">script "hl-attr">src="https://app.madeforlaw.com/widget/loader.js" "hl-attr">data-key="MFL-XXXX-XXXX-XXXX-XXXX" "hl-attr">data-app="probate"></"hl-attr">class="hl-tag">script>
</"hl-attr">class="hl-tag">body>
</"hl-attr">class="hl-tag">html>

The calculator will render automatically when the page loads.

Configuration Attributes

You can customize the embed with data attributes on the script tag:

Attribute	Description	Default
`data-key`	Your license key (required)	—
`data-app`	Which calculator to load	`probate`
`data-state`	Pre-select a default state	Portal setting
`data-theme`	Theme override (`light`, `dark`, `auto`)	Portal setting

Troubleshooting

Calculator not appearing: Check that your domain is in the allowed domains list (Settings > Embed)
Styling conflicts: The calculator uses scoped styles, but some CSS resets may affect it. Contact support if you see layout issues.
Multiple calculators: Only one calculator per page is supported

See Common Issues for more help.

Was this page helpful?