⚠️ 36 settlements closing this week 1 day left →
⚡ Widget SDK

Add settlements to any website in 30 seconds

One line of code. Four widget types. Works on WordPress, Shopify, React, or plain HTML. Free to start — scale with analytics and white-label on paid plans.

<script src="https://settlementradar.com/widget.js" data-key="sr_api_xxxxx" data-theme="light" ></script>
⚖️ 773+ open settlements 🌎 All 50 US states 🔒 Shadow DOM isolated ⚡ <50KB gzipped

Build Your Widget

Configure and preview your widget live, then copy the embed code.

Configure

Widget Type
⚡
Settlement Ticker
Scrolling bar of latest settlements. Minimal footprint.
🔍
Settlement Finder
Floating "Am I owed money?" button that expands.
🏷️
Category Widget
Settlements by category. Perfect for niche sites.
💰
Search Widget
Live search by company name. Works on any site.
Theme
Category
Position
Max Settlements Shown
Accent Color
API Key (optional — for analytics)
Don't have a key? Get one free →

Live Preview

Preview updates as you configure ↑
Embed Code
<script src="https://settlementradar.com/widget.js" data-type="ticker" data-theme="dark" ></script>

4 Widget Types

Each widget is fully self-contained — no dependencies, no leaking styles.

⚡

Settlement Ticker

Horizontal auto-scrolling bar showing latest and high-value settlements. Perfect as a site-wide header or footer bar. Pauses on hover.

<script src="...widget.js" data-type="ticker" data-theme="dark"></script>
🔍

Settlement Finder

Floating "Am I owed money?" button that expands into a state + category picker. Users click through to see their matches. Zero page footprint until triggered.

<script src="...widget.js" data-type="finder" data-position="bottom-right"></script>
🏷️

Category Widget

Shows settlements for a specific category. Tech blogs embed the data-breach widget. Auto sites embed automotive. Card list with payouts and deadlines.

<script src="...widget.js" data-type="category" data-category="data breach"></script>
💰

Search Widget

Live settlement search by company name. Type "Chase" and see matching open settlements instantly. Great for news sites and consumer advocacy pages.

<script src="...widget.js" data-type="search" data-theme="light"></script>

Installation Guide

Copy your code snippet above, then follow the steps for your platform.

1

Paste the script tag where you want the widget

Add the snippet directly into your HTML file. The widget inserts itself right before the script tag.

<!-- Paste anywhere in your <body> --> <script src="https://settlementradar.com/widget.js" data-type="ticker" data-theme="light"></script>
2

That's it

The widget loads asynchronously — it won't block your page. Works in any container that's at least 300px wide.

1

Go to Appearance → Widgets or use the Block Editor

In your WordPress admin, navigate to Appearance → Widgets. Add a "Custom HTML" block to any widget area (sidebar, footer, etc.).

2

Paste your widget code into the HTML block

<script src="https://settlementradar.com/widget.js" data-type="ticker" data-theme="light"></script>
3

Save and view your site

The widget will appear in the widget area. If using the block editor, use the "Custom HTML" block anywhere in your post or page content.

1

Go to Online Store → Themes → Edit Code

In your Shopify admin, navigate to Online Store → Themes → Actions → Edit Code.

2

Open theme.liquid and add before </body>

<!-- Before closing </body> in theme.liquid --> <script src="https://settlementradar.com/widget.js" data-type="finder" data-theme="light"></script>
3

Save and preview

The finder widget will appear as a floating button on all pages of your store. Click "Preview" in Shopify to verify it's working.

1

Create a SettlementWidget component

// SettlementWidget.jsx import { useEffect, useRef } from 'react'; export default function SettlementWidget({ type = 'ticker', theme = 'dark', apiKey }) { const ref = useRef(null); useEffect(() => { const script = document.createElement('script'); script.src = 'https://settlementradar.com/widget.js'; script.setAttribute('data-type', type); script.setAttribute('data-theme', theme); if (apiKey) script.setAttribute('data-key', apiKey); ref.current?.appendChild(script); return () => { ref.current?.removeChild(script); }; }, [type, theme, apiKey]); return <div ref={ref} />; }
2

Use it anywhere in your app

import SettlementWidget from './SettlementWidget'; <SettlementWidget type="ticker" theme="light" apiKey="sr_api_xxxxx" />
1

Add a Code Block to your page

In Squarespace page editor, click the + button to add a block. Search for "Code" and select it.

2

Paste your widget code

Make sure "Display Source" is not checked. Paste the script tag into the code block and save.

<script src="https://settlementradar.com/widget.js" data-type="category" data-theme="light"></script>

Widget SDK Plans

Start free. Scale when your traffic grows.

Free
$0/mo
For personal sites and testing. No account required.
  • Ticker widget
  • Search widget
  • Unlimited impressions
  • SettlementRadar branding
  • No analytics dashboard
Start Free →
Most Popular
Professional
$399/mo
For publishers and content sites monetizing settlement traffic.
  • All 4 widget types
  • 50,000 impressions/month
  • Analytics dashboard
  • Click & conversion tracking
  • Custom accent color
  • API key for attribution
Get API Key →
Enterprise
$999/mo
For high-traffic publishers and white-label deployments.
  • All Professional features
  • Unlimited impressions
  • White-label (remove SR branding)
  • Custom domain support
  • Priority support
  • Revenue share program
Contact Sales →

Technical Specs

Built for production — zero dependencies, isolated styles, CSP-friendly.

⚡
Lazy Loading
Non-blocking — does not delay host page render. Uses async script loading pattern.
🔒
Shadow DOM Isolation
Widget styles cannot leak into your page. Your styles cannot break the widget.
📦
<50KB Gzipped
Brotli-compressed bundle served from edge cache. No external dependencies.
🛡️
CSP-Friendly
No eval(), no inline scripts, no unsafe patterns. Works with strict Content Security Policies.
📱
Responsive
Adapts to any container 300px+. Works on mobile, tablet, and desktop.
🌐
Cross-Origin
CORS headers set. Works on any domain. Shadow DOM prevents style conflicts.
Comparing