Generate your embed code v1.31
Pick a theme and a width, then copy the one-line snippet into your page. That's the whole install.
Looks right on every site
Three themes ship by default. Auto follows the visitor's OS preference, no extra config.
Light
Clean, neutral, blends with any light layout.
Dark
Slate palette tuned for dashboards and docs.
The numbers behind the embed
Lightweight, async, and respectful of your page's performance budget.
- Loader weight
- <3KB
- Install
- 1 tag
- Themes
- 3
- Cookies set
- 0
Async script, zero dependencies, never blocks render.
One script element. No build step, no API key.
Light, Dark, Auto — matches your visitor's OS.
No tracking. No third-party storage. GDPR-friendly.
Copy, paste, publish
No npm install. No webhook setup. No account.
Pick a theme
Open the generator above, choose Light, Dark, or Auto, and set a width.
Paste the snippet
Drop the script tag anywhere in your page HTML — before the closing body tag is ideal.
Publish
The widget appears inline and auto-sizes as visitors open accordion details.
Customization attributes
Every option is set on the <script> tag — no JS API to learn.
| Attribute | Type | Default | Description |
|---|---|---|---|
src |
string | required | Always https://senderreputation.org/assets/js/embed.js. Unversioned so installed embeds receive the latest patch automatically. |
async |
boolean | recommended | Loads the widget without blocking page render. Strongly recommended on every install. |
data-theme |
string | auto | One of light, dark, or auto. Auto follows the visitor's OS color-scheme preference and live-updates if they switch. |
data-width |
CSS size | 100% | Container width. Accepts any CSS length, percentage, or auto. |
data-max-width |
CSS size | 700px | Caps the maximum rendered width. Set to a higher value for wide layouts, or shrink for sidebar embeds. |
data-max-height |
px integer | unset | When set, caps the iframe height to this many pixels and shows an internal scrollbar instead of growing to fit. Useful for sidebars, modals, and fixed-height dashboard tiles. Omit for natural auto-expand behavior. |
Deliverability content, dashboards, audits, transparency pages
Anywhere a live reputation grade adds context for the reader.
ESP and CRM dashboards
Surface a live reputation grade alongside open and click rates so users diagnose deliverability without leaving the product.
Agency and consultant sites
Let prospects audit their own domain on your homepage and use the result as the opening line of the discovery call.
Email tool comparison pages
Add interactive proof to deliverability content. Readers grade a domain inline instead of bouncing to a separate tool.
Status and transparency pages
Show your own domain's reputation publicly. A simple trust signal that costs nothing to add.
Common questions about the widget
If you don't see your question, email support@senderreputation.org.
postMessage so the embed grows and shrinks naturally as users open accordion sections.prefers-color-scheme. You can also constrain the width with data-width and data-max-width attributes.data-width or data-max-width attributes on the script tag.dangerouslySetInnerHTML or a Script component), Shopify Liquid templates, and any framework that accepts HTML.src URL is unversioned so installed embeds always receive the latest patch automatically.One tag away.
Copy the snippet, paste it into your page, you're live. No signup, on any domain.