Embed the Calculator on Your Website

Add a free case value calculator to your law firm's website. Visitors answer a short questionnaire and get an estimated settlement value — directly on your site.

Get Your Free Embed Code

Quick Start

Paste this code anywhere in your website's HTML where you want the calculator to appear. Replace the attribute values with your own.

<script
  src="https://casevalue.law/embed.js"
  data-case-types="motor,medical,premises"
  data-state="California"
  data-partner="your-firm-name"
  data-intake-email="intake@yourfirm.com"
></script>

Configuration Options

Customize the calculator by adding these attributes to the script tag. All attributes are optional.

Attribute	What it does	Example
data-case-types	Limit which practice areas are shown. Comma-separated list of IDs (see table below). If you only list one, it skips the selection screen.	"motor,medical"
data-case-type	Lock to a single practice area. Skips the case type selection screen entirely.	"motor"
data-state	Pre-select the state. Use the full state name. Skips the state selection screen.	"California"
data-lang	Set the language. Options: en (English), es (Spanish), zh (Chinese). Defaults to English.	"es"
data-partner	Your firm identifier. Used to track which leads came from your site.	"smith-law"
data-intake-email	Email address where leads will be sent in real-time. Each form submission is emailed directly to this address.	"intake@smithlaw.com"
data-width	Widget width. Any CSS width value. Defaults to 100%.	"800px"
data-min-height	Minimum height in pixels. The widget auto-resizes, but this sets the floor. Defaults to 600.	"700"
data-accent-color	Custom brand color. Derives the entire color palette — background, cards, buttons, progress bar, and highlights all shift to match. Hex color code.	"#3B82F6"
data-logo-url	URL to your logo image. Replaces the CaseValue logo on the loading screen.	"https://yourfirm.com/logo.png"
data-hide-branding	Set to "true" to hide the "Powered by CaseValue.law" footer.	"true"

Practice Area IDs

Use these IDs in data-case-types or data-case-type.

motorMotor Vehicle Accidents

medicalMedical Malpractice

premisesPremises Liability

productProduct Liability

wrongful_deathWrongful Death

dog_biteDog Bites & Animal Attacks

wrongful_termWrongful Termination

wageWage & Hour Disputes

class_actionClass Action Lawsuits

insuranceInsurance Bad Faith

disabilitySocial Security Disability

professionalProfessional Malpractice

civil_rightsCivil Rights Violations

ipIntellectual Property

workers_compWorker's Compensation

lemon_lawLemon Law

Examples

Personal Injury Firm

Motor vehicle, premises liability, and dog bites in California

<script
  src="https://casevalue.law/embed.js"
  data-case-types="motor,premises,dog_bite"
  data-state="California"
  data-partner="your-firm-name"
></script>

Employment Law Firm

Wrongful termination and wage disputes in New York

<script
  src="https://casevalue.law/embed.js"
  data-case-types="wrongful_term,wage"
  data-state="New York"
  data-partner="your-firm-name"
></script>

Medical Malpractice Only (Spanish)

Single practice area, any state, Spanish language

<script
  src="https://casevalue.law/embed.js"
  data-case-type="medical"
  data-lang="es"
  data-partner="your-firm-name"
></script>

All Practice Areas

No filtering — visitors pick from all 16 case types

<script
  src="https://casevalue.law/embed.js"
  data-partner="your-firm-name"
></script>

Alternative: Raw iframe

If your website platform doesn't allow external scripts (some CMS platforms restrict this), you can use an iframe instead. The trade-off is that the calculator won't auto-resize — you'll need to set a fixed height.

<iframe
  src="https://casevalue.law/embed?caseTypes=motor,medical&state=California&partner=your-firm-name"
  width="100%"
  height="800"
  style="border: none; border-radius: 12px;"
  title="Case Value Calculator"
  loading="lazy"
></iframe>

Placement Tips

1.Place it on a dedicated page like "Free Case Evaluation" or "What's My Case Worth?" for best results.
2.Below the fold is fine. The calculator loads lazily and won't slow down your page.
3.Full-width containers work best. The calculator is responsive, but looks best at 600px or wider.
4.Works with any background. The calculator has a dark theme that provides strong contrast on light or dark sites.

Platform Installation Guides

Step-by-step instructions for popular website platforms.

WordPress

Install our free WordPress plugin for the easiest setup — or paste the embed code manually:

Go to Pages → Add New (or edit an existing page)
Add a Custom HTML block (or switch to the Code Editor)
Paste the embed code and publish

Squarespace

Open the page editor and click Add Block → Code
In the code block settings, set the display to HTML
Paste the embed code, close the editor, and publish

Wix

In the Wix Editor, click Add (+) → Embed Code → Custom Element
Set the Server URL to https://casevalue.law/wix-widget.js
Set the Tag Name to casevalue-calculator
Add attributes for your case types, state, partner ID, and intake email

Webflow / Other Platforms

Any platform that supports custom HTML or embed blocks will work. Paste the script tag into an HTML embed element. If your platform blocks external scripts, use the iframe method above instead.

Frequently Asked Questions

Does this slow down my website?

No. The script loads the calculator lazily inside an iframe. It does not add any CSS or JavaScript to your page outside of the iframe.

Will it conflict with my website's styles?

No. The calculator runs inside an iframe, so its styles are completely isolated from your website.

Where do the leads go?

When you set the data-intake-email attribute, leads are emailed directly to that address in real-time. Each submission includes the visitor's contact info, case type, state, and estimated case value.

Can I customize the colors or branding?

Yes! Set data-accent-color to your brand color and the entire calculator — background, cards, buttons, progress bar — will shift to match. You can also use data-logo-url to display your logo and data-hide-branding to remove the "Powered by CaseValue.law" footer.

Does it work on mobile?

Yes. The calculator is fully responsive and works on phones, tablets, and desktops.

Does it work with WordPress / Squarespace / Wix?

Yes. Any platform that lets you add custom HTML can use the script embed. For platforms that block external scripts, use the iframe method instead.

Recommended: Add Attribution

For the best SEO benefit, add this attribution line near the calculator on your page. This creates a crawlable link that search engines can follow (links inside iframes are not indexed).

<p style="text-align: center; margin-top: 8px; font-size: 14px; color: #888;">
  Calculator provided by <a href="https://casevalue.law">CaseValue.law</a>
</p>

Questions or issues? Contact us at info@leadveramedia.com