A feedback widget that looks like your product and never breaks it

One script tag, rendered inside a Shadow DOM. Theme every colour, radius and label from JSON; add custom CSS and whitelabel on Pro.

Start free See the exact behaviour

Custom theme on every plan · custom CSS and whitelabel on Pro

How it works

1

Paste one script tag

The tag carries your project's public key. Nothing else is installed, and no framework is required.

2

It renders in a Shadow DOM

Your page's CSS cannot reach into the widget, and the widget's CSS cannot reach out into your page.

3

Theme it from JSON

Colours, radii and labels come from a theme object. Pro adds custom CSS and removes the Notarus mark.

One tag, and nothing else on the page

It goes immediately before the closing body tag, loads async at low fetch priority, and renders inside a Shadow DOM: your CSS cannot reach into it and its CSS cannot reach out. It never blocks the host page's paint or input, and suspends itself on host-degradation signals.

index.html

</main>

<script
  src="https://app.notarus.ai/widget.js"
  data-key="nt_pub_…"
  async fetchpriority="low"></script>

</body>

Colours, radii and labels are one JSON object

The launcher, the modal, which fields appear, the annotation palette and every string the widget shows are keys in a theme you patch — so the composer matches the product it sits on instead of announcing a third-party tool.

{
  "launcher": { "mode": "pill", "text": "Feedback" },
  "modal": { "accent": "#0f766e", "radius": 16 },
  "fields": { "rating": true, "email": "optional" },
  "annotate": { "stroke": 3 },
  "hide_powered_by": true
}

Exact behaviour

Install: One <script> tag carrying the project's public key, before </body>
Isolation: Shadow DOM; async, low fetch priority; never blocks host paint or input
Theming: launcher.mode, launcher.offset, modal.accent, modal.radius, fields.types, annotate.colors, strings, hide_powered_by — JSON on every plan; customCss and whitelabel on Pro
Browsers: Chromium, WebKit, Firefox; desktop and mobile
Plan: Free and Pro
MCP tool: get_embed_snippet · update_project_settings

Works with

Questions teams ask before installing

Does the widget slow my site down?

It is loaded asynchronously and held to a written performance budget: it never blocks the host page's paint or input, and suspends itself when the page is under load.

Can I change the copy the widget shows?

Yes. Labels sit in the theme object beside colours and radii, and are set per project — on every plan.

Can I remove the Notarus branding?

Whitelabel is a Pro capability, together with custom CSS. The JSON theme itself is on every plan.

Paste one tag and see it on your own page.

Free for one seat and five projects, custom theme included.

Start free Free plan · No credit card