Framer Forms: The Missing Manual

What Framer's native form actually does

Framer's built-in Form component handles the basics: a handful of input types, a single destination email address, and a plain confirmation message. That's enough for a simple "get in touch" box, but it runs out of road quickly — there's no conditional routing (sending sales questions to one inbox and support questions to another), no branded notification templates, and no autoresponder back to the person who submitted.

Point it at a FormBridge endpoint instead

Framer forms post to Framer's own backend, so to get real control you build the form as a plain HTML form — inside a Code Embed — and set its action to a FormBridge endpoint:

<form action="https://app.formbridge.ai/api/forms/fb_8h2k9p" method="POST">
  <input name="name" placeholder="Name" />
  <input name="email" type="email" placeholder="Email" />
  <select name="topic">
    <option value="sales">Sales</option>
    <option value="support">Support</option>
  </select>
  <textarea name="message" placeholder="How can we help?"></textarea>
  <button type="submit">Send message</button>
</form>

Field names can be anything descriptive — FormBridge doesn't require a prefix or a pre-registered schema, so topic and message work exactly like name and email.

Why this is worth the swap

• Notifications — set a recipient list, a CC list, and a subject line that pulls in {{FormName}}, instead of one hardcoded address.
• Custom templates — build the notification email visually, with your logo and colors, instead of a plain-text forward.
• Autoresponder — reply automatically to whoever submitted, using merge tags like {{Full-Name}} pulled straight from the field names.
• Spam protection — automatic scoring on every submission, plus optional honeypot, CAPTCHA, and an authorized domains allow-list — none of which Framer's form offers today.
• Routing by field — since every field is just data on the submission, you can eyeball the topic value in your inbox and forward accordingly, or split sales and support into separate endpoints with their own recipient lists.

Getting set up

Create a form endpoint, embed the HTML form above in place of Framer's Form component, and configure notifications, autoresponder, and spam protection from the form's settings. Submissions, including their processing log, show up in your inbox as soon as the first one comes in.