Create & share · HTML

Feedback Widget Generator

Configure a lightweight feedback control and copy a self-contained HTML embed example.

No account, no server upload, no hidden paywall. Work stays in this browser unless you explicitly copy, download, print, or enter a remote image URL.

Configure widget

Style the trigger and choose what happens when a visitor selects it.

Widget stylePositionButton text

Button colorText color

Radius (px)Action typeEmail address

Preview

A safe local preview; the generated code below contains the real action.

Generated code

<!-- PrioSmith feedback widget -->
<div style="position:fixed;bottom:20px;right:20px;z-index:99999;">
  <button id="priosmith-feedback-widget" type="button" style="background:#14202d;color:#fffdf8;border:0;padding:14px 24px;border-radius:24px;font:600 14px system-ui;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);">Feedback</button>
</div>
<script>
  document.getElementById("priosmith-feedback-widget").addEventListener('click',function(){window.location.href="mailto:feedback@yourcompany.com?subject=Product%20Feedback";});
</script>

Paste before the closing </body> tag.

Next utility

RICE score

Open tool