Create a form and open the builder
In your splitforms dashboard, create a form and open the Form builder tab. It's a drag-and-drop editor: field elements on one side, a live preview on the other.
Custom contact form
Build a custom contact form — your fields, your design.
Updated · plan facts checked against /pricing
A custom contact form is a form with your own fields, layout, and styling instead of a fixed widget. splitforms does it for free: drag and drop the fields you need or paste your own HTML, CSS, and JavaScript, then embed it on WordPress, Shopify, or any host — submissions are spam-filtered, stored, and emailed to you.
- 500 free total
- Unlimited forms
- Your own code
Any custom fields
Text, email, phone, dropdown, date, file upload, and long-message fields — reorder them and mark any one required.
Your own HTML & CSS
Paste your own HTML, CSS, and JavaScript into the code panel — the builder wires up the form action and your access key.
Spam filtered free
A hidden honeypot and time-trap check screen bots before they reach your inbox — no reCAPTCHA and no custom code.
Custom contact form HTML
Custom contact form HTML you can paste and edit.
Prefer to hand-write it? Paste custom markup and styles into the builder’s code panel. Point the form action at https://splitforms.com/api/submit, keep a hidden access_key field and an empty botcheck honeypot, and it just works — no server and no API route.
<form action="https://splitforms.com/api/submit" method="POST">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
<!-- Honeypot: keep this field empty and hidden -->
<input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off" />
<label>Full name <input name="name" required /></label>
<label>Email <input name="email" type="email" required /></label>
<label>Budget
<select name="budget">
<option>Under $1k</option>
<option>$1k–$5k</option>
<option>$5k+</option>
</select>
</label>
<label>Project details <textarea name="message" required></textarea></label>
<button type="submit">Send request</button>
</form>Step-by-step guide
How to build a custom contact form.
Five steps from a blank canvas to a branded, embeddable custom contact form connected to your inbox.
Add and arrange your fields
Drag in the fields you need — name, email, phone, dropdowns, dates, file uploads, long messages — reorder them, set labels and placeholders, and mark which are required.
Style it, or paste custom code
Pick a layout and style preset, or switch to the custom-code panel and paste your own HTML, CSS, and JavaScript. The builder auto-wires the form action and your access key, so if you hand-write markup you only need one endpoint: https://splitforms.com/api/submit.
Get the shortcode or embed code
Open the form's Embed tab, choose your platform — WordPress, Shopify, plain HTML, or React — and copy the matching embed code. Every version already points at your form's access key, so there's nothing else to wire up.
Embed and collect leads
Paste the code on your page. Accepted submissions are saved to your dashboard before owner notification email is attempted; delivery time and inbox placement depend on provider and recipient settings, with the honeypot field and time-trap check filtering spam by default — free on every plan.
Your fields, your design
What is a custom contact form? You design it.
A custom contact form is one where you choose the fields, layout, and design yourself instead of using a fixed template. Build it in the drag-and-drop editor or hand-write it with the HTML form generator — every field, label, and style is yours, and each form posts to a single hosted endpoint with your access key.
- Any fields: text, email, phone, dropdown, date, file upload
- Per-form access key keeps each form's data separate
- Straight to your inbox and dashboard — free on every plan
Embed anywhere
How do you embed a custom contact form? Anywhere.
Copy the [splitforms] shortcode for a WordPress contact form, or drop the self-contained iframe onto Shopify, Webflow, Framer, or any plain HTML page. Both render the exact form you designed — fields, styling, and spam filtering included, with no extra scripts.
- WordPress shortcode via the free splitforms plugin
- Self-contained iframe for any host — no plugins
- Renders the fields and styling exactly as designed
Spam filtering
Is a custom contact form protected from spam? Yes.
Every custom contact form ships with spam filtering by default — no reCAPTCHA to bolt on and no custom code to write. Add per-form allowed domains and an optional reCAPTCHA v2 whenever you want an extra layer.
- Hidden honeypot field catches the obvious bots
- Time-trap check flags submissions sent too fast
- Server-side content heuristics quarantine the rest
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 →Custom contact form FAQ
Custom contact form questions.
View all FAQsHow do I build a custom contact form?
Use the splitforms Form builder: a drag-and-drop editor where you add any fields, set labels and validation, and choose a style. If you want full control, the custom-code panel accepts your own HTML, CSS, and JavaScript with a live preview.
Can I add custom fields like dropdowns, file uploads, or dates?
Yes. The builder supports text, email, phone, URL, number, date, dropdown, long text, and file upload fields. You can reorder them and mark any field required.
Can I use my own HTML and CSS for the contact form?
Yes. Switch the builder to the custom-code panel and paste your own HTML, CSS, and JavaScript. The preview renders it live, and the form posts to the splitforms endpoint with your access key.
How do I add my custom form to WordPress?
Copy the [splitforms] shortcode and paste it with the free plugin, or copy the self-contained iframe embed and drop it into a Custom HTML block. Both render the exact form you designed.
Does each custom form have its own key?
Yes. Every form has its own access key, so a custom quote form, a support form, and a newsletter form each keep their submissions, styling, and integrations separate.
Is there a free custom contact form builder?
Yes. The Free plan includes unlimited custom forms, 500 submissions total, email notifications, spam filtering, and the dashboard — no credit card required. Pro is $5/month for 5,000 submissions if you also want exports, webhooks, or an auto-responder.
How is spam kept off a custom contact form?
Every form ships with a hidden honeypot field, a time-trap check that flags submissions sent too fast after the page loads, and server-side content heuristics — plus per-form allowed domains and an optional reCAPTCHA v2 if you want an extra layer. None of it needs custom code.
Can I redirect visitors to a thank-you page after they submit?
Yes. Add a hidden redirect field with your thank-you page URL, and splitforms sends the visitor there right after a successful submission — useful for tracking conversions or showing a custom confirmation message.
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