Contact form for Framer
A contact form for Framer
How to add it
Create the form, paste it into Framer, click activate once.
Sign in to your dashboard and copy the form ID.
Drop a Code component or HTML embed and paste the form. Wrap it in a frame if you want Framer styles around it.
Go to Site Settings → General → Custom Code and paste the script at the end of the head.
Publish, open the live page, click Activate form, and confirm from your inbox.
Need the HTML to paste?You can skip this.
You can skip this.
Copy your form ID from the dashboard, then drop this in.
<form method="POST" action="https://boosterpackforms.com/api/forms/<FORM_ID>/submit">
<input name="name" placeholder="Name" required />
<input name="email" type="email" placeholder="Email" required />
<textarea name="message" placeholder="Message" required></textarea>
<button type="submit">Send</button>
</form><script src="https://boosterpackforms.com/embed.js" defer></script>Not the built-in form. This one is portable, so a later move off Framer does not mean rebuilding the backend.
One-time activation
Open the live page. Click Activate form. We email you so only you can turn the form on for that domain. Each inbox you add also confirms once. After that, it stays on.
What you get
Common questions
Should I use Framer forms or Boosterpack Forms?
Do visitors have to solve a CAPTCHA?
Is there a free plan?
Can I send submissions to Slack or Discord too?
Does Boosterpack Forms store the messages?
Free plan. No credit card.