✦ Feedback Widget

Paste one line.
Clients give feedback
right on the site.

The Pensl widget is a small button that appears on any website after you paste one script tag. Your client just clicks it — no signup, no browser extension, nothing to install. They leave feedback directly on the page, with a screenshot taken automatically.

Add the widget to your siteSee how it works

What your client sees

A small button in the corner. That's it. They click it, pick a mode, and leave their note. You get the full context in your Pensl dashboard.

staging.yourclientsite.com

Drop a pin

Click anywhere on page

Highlight text

Select text to replace

Click an element

Click any section or button

Under 50kb

widget size

0

clicks to install for client

Any site

Next.js · WP · Webflow · HTML

Three ways to leave feedback

Your client doesn't need to think about which one to use. Each mode highlights automatically as they move around the page.

Drop a pin

Visual comment

Client clicks anywhere on the page. A pin drops at that exact spot. They type a comment — "make this bigger", "wrong colour here". A full-page screenshot is captured automatically and attached. You see the pin location and the screenshot in your Pensl dashboard.

  • Screenshot captured automatically
  • Exact pin coordinates saved
  • Great for layout and design feedback
  • Console errors attached silently
wrong colour

Highlight text

AI can fix this

The client selects any text on the page — a headline, a button label, a paragraph. A small box pops up asking what it should say instead. They type the replacement. Pensl records the exact before/after text and sends it to your dashboard. Because the change is fully structured, the AI can find it in your codebase and open a pull request automatically.

  • Exact before and after text captured
  • AI identifies the file and opens a PR
  • Works on any text node — headings, buttons, paragraphs
  • Highest AI confidence scores of any mode

Selected text

Get started today

Should say instead

Start for free

Send to Pensl

Click an element

AI can fix this

The client clicks any button, card, image, section — anything on the page. A purple outline appears around the element. They describe the change in plain English: "make this button red", "remove the shadow on this card". Pensl captures the full element code and the description. The AI reads both and makes the change in your codebase.

  • Full element HTML captured automatically
  • Works on buttons, cards, images, sections — anything
  • AI reads the structure and applies the described change
  • CSS selector saved for precise code targeting
div.card

Describe the change

Remove the shadow from this card

Set up in under two minutes

No build step. No npm package. No config file. Just paste the script tag.

01

Create a project in Pensl

Sign up, create a project for your client site, and copy your project key. Takes about thirty seconds.

02

Paste the script tag on your site

Add two lines to your site's HTML — one to set the project key, one to load the widget. Works on Next.js, WordPress, Webflow, Astro, or plain HTML.

03

Send the staging URL to your client

That's it. The widget button appears on the page. Your client clicks it and starts leaving feedback immediately. No login, no account needed.

index.html · two lines
<script>
  window.Pensl = { projectKey: 'pk_live_your_key_here' }
</script>
<script src="https://your-pensl-server.com/widget/pensl.js" async></script>

Works on every platform your clients use

The widget is a plain JavaScript file — no framework required. It lives in a Shadow DOM so it never interferes with the site's existing styles, and the site's styles never bleed into the widget.

  • Next.js and React apps
  • WordPress — paste in functions.php or a plugin
  • Webflow — paste in the Project Settings head code
  • Astro, Nuxt, SvelteKit
  • Plain HTML sites and landing pages
  • Under 50kb — no noticeable load time impact
  • Shadow DOM — your site's CSS is 100% safe

Compatible platforms

Next.jsWordPressWebflowAstroNuxtSvelteKitRemixGatsbyPlain HTMLGhostFramerSquarespaceShopify

If it renders HTML in a browser,
the widget works on it.

Every submission includes more than a comment

The widget captures context automatically so you never have to ask "what browser were you on?" or "can you send a screenshot?".

Pensl dashboard — feedback item
Make the headline biggerPin

on /about · 2 minutes ago

ScreenshotChrome 1241440 × 9003 console errors

Screenshot

Full-page screenshot captured automatically at the moment of submission. No asking clients to take one.

Browser and screen size

Know exactly which browser and viewport your client was using. Reproduce the issue immediately.

Console errors

The last five JavaScript errors from the browser console are attached silently. No client knows they're included.

Action trail

The last ten page actions before the feedback was submitted — clicks, scrolls, navigations. Understand the full context.

Stop copy-pasting screenshots
from client emails.

Paste one script tag. Get structured feedback with automatic screenshots, console errors, and browser info — right in your Pensl dashboard.

Free to start. No credit card.

Add the widget to your site