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

The feedback widget is 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

One <script> tag, rendered inside a Shadow DOM

Colours, radii and labels themed from JSON on every plan

How it works

01
Paste one script tag

The tag carries your project's public key. Nothing else is installed, and no framework is required.
02
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.
03
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. Its work is bounded, and capture reduces or pauses when the host page is under pressure.

index.html

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

A widget theme patch

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

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.

Exact behaviour

Install: One <script> tag carrying the project's public key, before </body>
Isolation: Shadow DOM; async, low fetch priority; bounded work and capture degradation under host pressure
Theming: launcher.mode, launcher.offset, modal.accent, modal.radius, fields.types, annotate.colors and strings on every plan; customCss and hide_powered_by on Pro and Scale
Browsers: Chromium, WebKit, Firefox; desktop and mobile
Plan: Every plan · custom CSS and whitelabel on Pro
MCP tool: get_embed_snippet · update_project_settings

Works with

Questions teams ask before installing

Does the widget slow my site down?

It loads asynchronously and limits CPU, memory, network and rendering work. Under host load it reduces or suspends capture, prioritizing written feedback. Performance health is visible in the panel and through MCP.

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.

The thinking behind it

The Host Isolation Contract A third-party script gets to be on your page once. The performance budget our widget is held to, the governor that degrades it, and the build gate behind both.A plan limit has three surfaces Gating a paid tier is three decisions: what gets served, what gets accepted, and what gets reported. The costly failure is those three drifting apart.Consent is checked in a console A vendor's consent claim is a statement about execution order, and the network panel settles it. The checks to run, and the one request no flag stops.

Paste one tag and see it on your own page.

Free carries unlimited seats and 5 projects, custom theme included.

Start free See pricing

<script src="…/widget.js" data-key="pb_pub_…">