Guide · Framer
Add a booking form to your Framer site
Sending a potential client to Calendly before you know anything about them is a gamble. A project intake form collects what you need first — so the call is a conversation, not a discovery session from scratch.
Calendly link vs intake form
Direct Calendly link
- Zero friction to book
- No info before the call
- Unqualified leads book time
- Call starts cold
- Leaves your Framer site
Intake form first
- Project type and budget upfront
- Unqualified leads self-select out
- You arrive prepared
- Stays in your Framer design
- You choose when to reply or book
What a good intake form collects
Contact info
Name, email, optionally company. Keep this step to 2–3 fields max — it's the entry cost, not the form itself.
Project scope
Service type (select: website, branding, development, other), budget range (select), and rough timeline (select: ASAP, 1–3 months, flexible). Structured fields, not open text — easier to scan, easier to compare.
Project description
One textarea: "Tell me about your project." Optional, last step. If they fill this out, they're serious. If they don't, you still have everything you need to qualify them.
Building it with Quiet Form
Set up a 3-step form in the builder
Open the visual builder. Step 1: name + email. Step 2: service type + budget + timeline (all selects). Step 3: project description (textarea, not required).
Use QuietForm (Trigger Mode) as a floating CTA
A "Start a project" button fixed in the bottom-right corner opens the intake form as a sheet from any page on your site. More visible than a contact page buried in the nav.
Route to Formspree or your own endpoint
Submissions arrive as structured JSON — name, email, service type, budget, timeline, message. Easy to forward to your inbox, Notion or a CRM. Then send the Calendly link only to qualified leads.
Related guides
Quiet Form
$29
Multi-step project intake for Framer. Visual builder, 6 field types, 5 providers. One-time.