splitforms.com

Booking / Appointment · Webflow

Booking / Appointment for Webflow

Time-slot booking with service selection — for salons, advisors, doctors. Free for 500 submissions per month — no backend, no SDK, no plugin.

  • 500 free / month
  • 6 fields ready
  • 60-second setup
Booking / Appointment for Webflow — copy-paste form code

Copy-paste code

Drop into any Webflow project.

Replace YOUR_ACCESS_KEY with your splitforms key, paste into a Webflow page, and ship. No build-time integration required.

Get free access key
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 booking request">

  <label for="name">Full 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="jane@example.com" required>
  <label for="phone">Phone *</label>
  <input id="phone" type="tel" name="phone" placeholder="+1 555 555 5555" required>
  <label for="service">Service *</label>
  <select id="service" name="service" required>
    <option value="">Choose…</option>
    <option>Consultation</option>
    <option>Standard appointment</option>
    <option>Premium / extended</option>
  </select>
  <label for="preferred_date">Preferred date *</label>
  <input id="preferred_date" type="date" name="preferred_date" required>
  <label for="notes">Notes</label>
  <textarea id="notes" name="notes" placeholder="Anything we should know in advance?"></textarea>

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

  <button type="submit">Send</button>
</form>

Webflow + Booking / Appointment

Built for Webflow developers who hate operating a backend.

Webflow's built-in form block sends to Webflow's own backend, which caps at 100 submissions/month on the free plan and lacks webhook delivery, CC recipients, and spam filtering. The booking / appointment on this page bypasses that entirely — paste it into a custom embed element, set the form action to splitforms, and you get 500 dashboard submissions/month with AI spam filtering; Starter adds Slack/Discord webhooks. Webflow's native interactions (success message, loading state) still work if you use fetch instead of a native form submit.

  • 500 form submissions per month, free forever
  • Unlimited forms on every plan, including Free
  • Spam protection — honeypot plus a tuned classifier
splitforms as the form backend for Webflow

Booking / Appointment fields

What every field actually does.

The posted payload contains full name, email, phone, service, preferred date, notes. Required fields are full name, email, phone, service and preferred date. Rename, remove, or add your own — splitforms accepts any name you POST.

  • Full 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 — Faster qualification — phone leads convert ~3× higher than email-only on B2B forms.
booking / appointment fields in the splitforms dashboard

Webflow production notes

What changes when this booking / appointment lives in Webflow.

Webflow's built-in Forms feature delivers submissions to your Webflow project dashboard and emails them — but the free Site plan caps submissions (50 per site, lifetime, on legacy plans) and webhooks are gated behind the Workspace plan ($24/mo+). Worse, the form fails silently if you exceed the cap: users see the 'success' state, your inbox gets nothing. There's no API to inspect submissions programmatically below the Workspace tier, and CMS-driven forms inherit the same caps. Native is fine for a personal portfolio with three submissions a year; for any real lead capture, you need an external endpoint. Splitforms is that endpoint without the plan upgrade.

  • Webflow strips custom hidden inputs from native Form Blocks
  • Default action URL gets reset on every Designer save
  • Method must be set to POST in the form's settings, not the URL
Webflow production notes for booking / appointment

Setup

Generate, embed, receive.

Three actions stand between you and your first booking / appointment submission — no backend, no database, no CAPTCHA library.

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.

Paste the booking / appointment into your Webflow project

Drop the form snippet into a Webflow 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; Starter adds signed webhooks, CSV export, Slack/Discord forwarding, and BCC to your team.

How SplitForms works

From form to workflow in 3 simple steps.

Connect your form, collect every submission, and send data where it needs to go — without building backend infrastructure.

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

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

Connect & automate

Connect your favorite tools and automate everything

SplitForms works with the destinations you route to and the platforms you build on — from Slack and Sheets to WordPress, Shopify, and Next.js.

Connect your SplitForms form to Slack, Google Sheets, Mailchimp, Zapier and more

Trusted by indie teams and agencies shipping forms worldwide

PETAL/COKRAFT.DELINEAR-XBUILD.DEVSTUDIO 71MERIDIANFRAME&CO

Testimonials

Loved by developers shipping at every scale.

40 quotes on record — from indie hacks to agency migrations.

Common questions

Booking / Appointment on Webflow answered.

View all FAQs
Does this booking / appointment work on Webflow?

Yes. The form is plain HTML with a single POST endpoint, so it runs on any Webflow site without server-side code, plugins, or SDKs. Drop the snippet into a Webflow page or component and submissions land in your splitforms dashboard.

How much does the booking / appointment cost on Webflow?

Free for 500 submissions per month — no credit card, no trial. Pro is $5/mo for 5,000 submissions, and there's a one-time $59 3-year plan (15,000 submissions/mo for 36 months). The same pricing applies regardless of which framework hosts the form.

Can I customize the fields?

Yes. The template ships with sensible defaults (full name, email, phone, service…) — add, remove, or rename any of them. Splitforms accepts whatever fields you POST.

How does spam protection work on the booking / appointment?

A hidden honeypot field catches dumb bots, and a tuned classifier scores the rest. You only see real submissions in your dashboard. No CAPTCHA, no friction for human users — and it works the same on Webflow as on any other framework.

Can I send the booking / appointment 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 Webflow 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.

Simple pricing

Start free. Scale when you need more.

Choose a plan that fits your workflow — from a free form endpoint to full automations, exports, and higher submission limits.

Free

$0

Free forever

 
Best for testing

For side projects and indie devs.

  • 500 submissions / mo
  • Unlimited forms
  • Email notifications included
  • Honeypot spam filtering
  • Submissions dashboard
  • MCP setup stays free
  • No credit card required

3-Year

$59/ 36 months
was $99 · save 40% · new-user price

Pay $59. 3 years sorted.

  • 15,000 submissions / mo
  • Unlimited forms
  • Everything in Pro
  • Renews every 3 years
  • Long-term discount
  • Priority support included
  • Vote on the roadmap

No credit card required on Free • Cancel anytime