splitforms.com
Get free key

Form template · Feedback

Feedback Widget Popup Template

A persistent feedback button pinned to the bottom-right corner that pops open a contact form on click. Pure HTML + CSS, no third-party widget script, no SDK.

Use this template — freeSee setup steps
  • 500 free total
  • No PHP · no SDK
  • One POST endpoint
Live template preview

This template is one of our free HTML form templates. See more form templates by industry. Want the full form on a page instead? Start from the feedback form template.

Overview

A feedback widget lives in the corner of every page and opens on a click, so the one thing it must never do is throw the visitor off the page the moment they hit send. Since SplitForms is just an HTML <form> that posts to one endpoint — https://splitforms.com/api/submit, with your access_key in a hidden input — the widget is a bit of markup plus a toggle. Post the fields with fetch() and the popover can swap to an inline "thanks" instead of navigating the tab away. There's no feedback SaaS to embed and no backend to run, so the same widget drops onto a static marketing site (GitHub Pages, Netlify) or a full app without changing a line.

Pick your feedback widget popup — one click to use it

Every template is free and fully editable in the drag-drop builder — swap fields, colors, and the button label before you publish.

Best match

Multi-Step Form Template

Use this template

Bug Report Form Template

Use this template

Customer Support Form Template

Use this template

No backend code

No server, API route, or SDK — your Feedback Widget Popup posts straight to one endpoint.

Straight to your inbox

Every submission is emailed to you and saved to a searchable dashboard — spam filtered before it reaches you.

Copy-paste ready

It's plain HTML you own — paste the Feedback Widget Popup snippet, swap in your access key, and ship.

Copy and ship

Your Feedback Widget Popup, ready to paste.

HTML by default — the same field set also renders as React, Next.js, PHP, and cURL in your dashboard. Every variant posts to the same /api/submit endpoint. Replace YOUR_ACCESS_KEY with the key from your dashboard; that's the only edit.

Use this template — free
form.html
<form action="https://splitforms.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <input type="hidden" name="subject" value="New feedback submission">

  <label for="rating">How would you rate your experience? *</label>
  <select id="rating" name="rating" required>
    <option value="">Choose…</option>
    <option>★★★★★</option>
    <option>★★★★☆</option>
    <option>★★★☆☆</option>
    <option>★★☆☆☆</option>
    <option>★☆☆☆☆</option>
  </select>
  <label for="feedback">What can we do better? *</label>
  <textarea id="feedback" name="feedback" placeholder="Be honest — we won't take it personally." required></textarea>
  <label for="email">Email (optional, for follow-up)</label>
  <input id="email" type="email" name="email" placeholder="you@example.com">

  <!-- honeypot — bots fill every field -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

  <button type="submit">Send</button>
</form><p class="splitforms-attribution" style="margin-top:12px;font-size:11px;color:#888;text-align:right">
  Powered by <a href="https://splitforms.com" style="color:#888;text-decoration:none" target="_blank" rel="noopener">splitforms</a>
</p>

<!-- drop-off analytics + partial leads (the form works without it) -->
<script src="https://splitforms.com/embed.js" async></script>

How to add it

How to add this form to your site.

To add a Feedback Widget Popup to your site you need three things: a free splitforms access key, the HTML snippet above, and your key pasted into it. No backend, database, or CAPTCHA library — the form posts to one URL and every submission lands in your inbox and dashboard.

Position the button absolutely

Bottom-right corner, fixed position, z-index above page content. One <button> element, styled as a pill.

Use the <dialog> element for the popover

Native HTML <dialog> supports `show()` and `close()` methods. Modern browsers ship the backdrop and focus trap built in.

Capture the page URL

Add a hidden field `<input type="hidden" name="page_url">` and populate it with `location.href` on submit so you know which page the feedback came from.

Create your formBrowse all templates

What's included

What's included.

Most SaaS apps ship a 'Feedback' button in the corner. That widget is usually a 200KB third-party script (Hotjar, Sleekplan, Canny) that fingerprints your users and tracks page behavior. You don't need that — the button-opens-popover-with-form pattern is 30 lines of HTML and CSS. The form POSTs to splitforms, your visitors aren't tracked, and the dashboard shows submissions with the source page URL. Native <dialog>, page URL captured, no third-party SDK.

  • Feedback — 3 ready-made fields
  • HTML, JS, React, PHP, and cURL outputs
  • One POST endpoint, no SDK — honeypot and spam scoring, no CAPTCHA
What's included with the Feedback Widget Popup Template

Where submissions go

Where submissions go.

Reply-to is wired to the visitor's email, so one tap on Reply answers them directly — while the built-in honeypot and automatic spam scoring filter out bots before they reach you. Every submission is emailed to your inbox and can forward to a webhook or Slack the moment a visitor hits send.

  • Reply-to wired to the visitor's email — reply straight from your inbox
  • Honeypot and automatic spam scoring filter bots, no CAPTCHA friction
  • Live dashboard, CSV export, and signed webhooks on paid plans
Spam-filtered submissions from the Feedback Widget Popup Template

How SplitForms works

What happens after someone submits your form?

splitforms receives the submission, filters spam, saves it to your dashboard and emails you — then, on paid plans, sends it on to your webhooks and integrations. No backend infrastructure to build.

A SplitForms contact form submission launching straight to your inbox

Add your endpoint

Point your form to your unique SplitForms endpoint. That's it.

HTML form pointing at a SplitForms submit endpoint

Receive submissions

We instantly capture and organize every submission in your inbox.

Submissions inbox with searchable leads and status pills

Route anywhere

Send data to email, spreadsheets, CRMs, webhooks, and 7,000+ apps.

Generic integration tiles for email, sheets, chat, CRM, automate, and webhook
Start FreeRead the Docs

No credit card required. Set up in under 60 seconds.

Connect & automate

Where can submissions go besides email?

On paid plans, submissions can also go to Slack, Discord, Google Sheets, Notion, Airtable, Zapier or any signed webhook — and splitforms works on the platforms you build on, from WordPress and Shopify to Next.js. With Stripe connected, your forms can take payments too.

Connect your SplitForms form to Slack, Google Sheets, Mailchimp, Zapier and more
StripePaymentsDiscordMessagingTelegramMessagingGoogle SheetsSpreadsheetNotionDatabaseMailchimpEmailMakeAutomationWebhookCustomWordPressPlatformShopifyPlatformFramerPlatformNext.jsFrameworkHTMLFramework
SlackMessagingWhatsAppMessagingTeamsMessagingAirtableDatabaseHubSpotCRMZapierAutomationn8nAutomationMCP / AIAgentsElementorPlatformWebflowPlatformCarrdPlatformReactFramework
NewTake payments on your formsDeposits, bookings, order forms — submitters check out through Stripe and the money goes straight to your Stripe account. Included on every paid plan.See payment forms →Need time slots? Online booking →
View all integrations →

Setup guides for the stacks you use

HTMLReactNext.jsAstroWebflowWordPress

Questions

Frequently asked questions.

View all FAQs
How do I keep the popover open after someone submits instead of the page navigating away?

A plain HTML form submit hands the browser off to the endpoint's response, which would tear the widget out from under whoever's reading. Post the form with fetch() to /api/submit instead, then swap the widget's contents for an inline confirmation and leave the person exactly where they were. The submission still lands in your dashboard the same way — you've only changed what the browser does after the POST.

How do I tell which page a piece of feedback came from?

A widget that rides along on every page is useless without that context. Add a hidden input and set its value from JavaScript to window.location.pathname (throw in document.title if you want a readable label). It travels with the message and shows up as its own column in the dashboard, so a gripe from /pricing is plainly from /pricing without chasing the person down to ask where they were.

Can bug reports and feature requests be split apart automatically?

Drop a category <select> — Bug / Idea / Praise — into the widget; it's just one more field on the submission. On paid plans you can attach a webhook that fires signed JSON into a Slack or Discord channel the instant feedback arrives, with the category right there in the payload. Routing takes it further: point Bug at your dev channel and Idea somewhere else, instead of dumping everything into one firehose.

A public box on every page — won't it get flooded with junk?

It's the risk with any always-visible widget, but you don't have to answer it with a CAPTCHA that spoils a lightweight popover. SplitForms screens submissions with a hidden honeypot field (bots fill it, humans never see it) plus a rule-based content filter, so garbage is caught before it reaches your dashboard and real feedback still sends in one tap. Nothing to configure, and no puzzle bolted onto the corner of your site.

Why not use Hotjar or Sleekplan?

If you need session replay, heatmaps, and analytics, use them. If you just need a feedback collection mechanism, a 30-line HTML widget pointed at splitforms is faster to ship, has zero impact on page weight, and doesn't fingerprint your users.

Will the <dialog> element work in older browsers?

<dialog> has full support in Chrome 37+, Firefox 98+, Safari 15.4+. For older browsers, a div-based modal with a manual backdrop works equivalently — slightly more CSS. Both approaches POST to the same splitforms endpoint.

How do I capture which page the feedback came from?

A hidden input populated with `location.href` on form submit. The value lands in your splitforms dashboard alongside the other submission fields — search and filter by page URL to triage.

Simple pricing

How much does splitforms cost?

Free gives you 500 submissions for $0 — no card, no time limit. Pro is $5/month for 5,000 submissions a month, and Annual is $49/year for 15,000 a month with every Pro feature.

Free

$0— 500 submissions
 

No card, no time limit

Best for testing

For side projects and indie devs.

  • 500 free submissions
  • Unlimited forms
  • Email notifications included
  • Smart spam filtering
  • Submissions dashboard
  • Redirect after submit
  • MCP server included
Get Started
Recommended

Pro

$5/ month
Billed monthly

Every paid feature, for agencies and growing products.

  • 5,000 submissions per month
  • Unlimited forms
  • Webhooks and integrations
  • CC/BCC, auto-replies and routing
  • File uploads with 500 MB storage
  • Stripe payments on your forms
  • 3 team seats
  • Cancel anytime

Annual

$49/ year
About $4.08 per month, billed yearly
Best value

Every Pro feature with triple the volume — $0.27 per 1,000 at full use.

  • 15,000 submissions per month
  • Unlimited forms
  • Everything in Pro
  • File uploads with 5 GB storage
  • 3 team seats
  • Priority email support

No credit card required on Free • Cancel anytime • Full pricing and FAQ