Generate a free splitforms key
Sign in at splitforms.com — your access key is created instantly. No credit card, no setup wizard, no SDK to install.
Customer Support Form · JavaScript
Customer Support Form for JavaScript
Help-desk intake with topic, priority, and order/account reference fields. Free for 500 submissions total — no backend, no SDK, no plugin.
- 500 free total
- 6 fields ready
- 60-second setup
Copy-paste code
Drop into any JavaScript project.
Replace YOUR_ACCESS_KEY with your splitforms key, paste into a JavaScript page, and ship. No build-time integration required.
<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 support ticket">
<label for="name">Your name *</label>
<input id="name" type="text" name="name" placeholder="Jane Builder" required>
<label for="email">Email *</label>
<input id="email" type="email" name="email" placeholder="[email protected]" required>
<label for="phone">Phone (for urgent issues)</label>
<input id="phone" type="tel" name="phone" placeholder="+1 415 555 0142">
<label for="order_id">Order / account ID (optional)</label>
<input id="order_id" type="text" name="order_id" placeholder="ORD-49281">
<label for="severity">How urgent is this? *</label>
<select id="severity" name="severity" required>
<option value="">Choose…</option>
<option>Critical — blocking us</option>
<option>High — losing time</option>
<option>Medium — annoying</option>
<option>Low — heads-up</option>
</select>
<label for="description">What's wrong? *</label>
<textarea id="description" name="description" placeholder="Steps to reproduce, error messages, screenshots if you have them." required></textarea>
<!-- honeypot — bots fill every field -->
<input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">
<button type="submit">Send</button>
</form>
<!-- drop-off analytics + partial leads (the form works without it) -->
<script src="https://splitforms.com/embed.js" async></script>JavaScript + Customer Support Form
Built for JavaScript developers who hate operating a backend.
Vanilla JavaScript gives you full control over the form lifecycle — event listeners, validation, AJAX submission — without framework overhead. The customer support form on this page uses addEventListener('submit'), new FormData(), and fetch() to POST to splitforms. No jQuery, no Axios, no polyfill. This is the lightest possible integration: zero dependencies, zero build step, zero bundle-size impact. Perfect for sites where every byte matters — landing pages, marketing sites, and progressive-enhancement scenarios.
- 500 form submissions total, free to start
- Unlimited forms on every plan, including Free
- Spam protection — honeypot plus a rule-based filter
Customer Support Form fields
What every field actually does.
The posted payload contains your name, email, phone (for urgent issues), order / account id (optional), how urgent is this?, what's wrong?. Required fields are your name, email, how urgent is this? and what's wrong?. Rename, remove, or add your own — splitforms accepts any name you POST.
- Your name — Greeting + dashboard label so submissions don't all read 'anonymous'.
- Email — Reply-to address — splitforms wires this so hitting reply goes back to the sender.
- Phone (for urgent issues) — Faster qualification — phone leads convert ~3× higher than email-only on B2B forms.
Template playbook
The reason this customer support form exists.
Support tools (Zendesk, Intercom, Help Scout) start at $20-100/seat/month. For early-stage SaaS handling 10-50 tickets a week, a structured support form that webhooks into Linear / Notion / Slack handles the volume without the subscription. The form captures ticket category (billing / bug / feature request / account access / general), urgency (blocking / high / medium / low), account email, and description. Routing the categories to different Slack channels or Linear teams turns the form into a triage layer. As you scale, switch the webhook target to Zendesk or Intercom and the form stays — same UX, different backend. SLA tracking still works because submission timestamps are stored.
- Capture ticket category
- Route by category
- Auto-confirm with SLA
Setup
Generate, embed, receive.
Three actions stand between you and your first customer support form submission — no backend, no database, no CAPTCHA library.
Paste the customer support form into your JavaScript project
Drop the form snippet into a JavaScript page, component, or layout. Replace YOUR_ACCESS_KEY with the key from your dashboard. The form action is a hard-coded URL — no env vars or build-time wiring needed.
Receive submissions
Dashboard updates live on Free. Free includes owner email delivery; paid plans add signed webhooks, CSV export, Slack/Discord forwarding, and BCC to your team.
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.
Add your endpoint
Point your form to your unique SplitForms endpoint. That's it.
Receive submissions
We instantly capture and organize every submission in your inbox.
Route anywhere
Send data to email, spreadsheets, CRMs, webhooks, and 7,000+ apps.
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.
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 plans →Common questions
Customer Support Form on JavaScript — answered.
View all FAQsDoes this customer support form work on JavaScript?
Yes. The form is plain HTML with a single POST endpoint, so it runs on any JavaScript site without server-side code, plugins, or SDKs. Drop the snippet into a JavaScript page or component and submissions land in your splitforms dashboard.
How much does the customer support form cost on JavaScript?
Free for 500 submissions — no credit card, no time limit. Pro is $5/mo for 5,000 submissions a month, and Annual is $49/year for 15,000 submissions a month. The same pricing applies regardless of which framework hosts the form.
Can I customize the fields?
Yes. The template ships with sensible defaults (your name, email, phone (for urgent issues), order / account id (optional)…) — add, remove, or rename any of them. Splitforms accepts whatever fields you POST.
How does spam protection work on the customer support form?
A hidden honeypot field catches dumb bots, and a rule-based filter scores the rest; anything that looks like spam goes to a separate Spam tab instead of your inbox. No CAPTCHA, no friction for human users — and it works the same on JavaScript as on any other framework.
Can I send the customer support form submissions to Slack or Discord?
Yes. Webhooks are available on paid plans, with auto-formatted payloads for Slack, Discord, and WhatsApp (via CallMeBot). Or send raw signed JSON to any URL — Zapier, n8n, your own server. Configure in the splitforms dashboard.
Will it work on a static JavaScript site?
Yes — the form posts directly to splitforms from the browser, so no server is involved. Works on Vercel, Netlify, GitHub Pages, Cloudflare Pages, S3, or any plain Apache host.
Should I integrate with Zendesk / Intercom / Help Scout?
When ticket volume crosses ~50/week, the dedicated tool's UX (queue management, canned responses, customer history) starts paying back the subscription. Below that, webhooks into Linear or Slack handle volume cheaper. Switch when you outgrow the simpler tools, not before.
How do I handle SLA tracking without a help desk?
splitforms timestamps every submission. A daily Zapier / Make automation flags any unresponded submission older than your SLA threshold and pings the owning team in Slack. Crude but effective for small teams. At scale, switch to a tool that tracks time-to-first-response natively.
Can I integrate with Linear / Notion / Productboard?
Yes — webhook the JSON. Linear and Notion both accept issue / database creation via API. Productboard accepts feature requests via Zapier. Routing categories to the right tool (bugs to Linear, features to Productboard) means each gets triaged in the place that team works.
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
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
Recommended
Pro
$5/ month
Billed monthly
Every paid feature, for agencies and growing products.
- 5,000 submissions / mo
- 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/mo, billed yearly
Every Pro feature with triple the volume — $0.27 per 1,000 at full use.
- 15,000 submissions / mo
- 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