Boosterpack Forms
Back to Documentation

Add a Contact Form to Framer

Boosterpack Forms integrates seamlessly with Framer. Use a Code component to embed your form, add the spam protection script in site settings, and get submissions delivered straight to your inbox.

AI spam protection
No CAPTCHA
Free plan available

Setup Guide

Takes about 2 minutes

1
Create your form on Boosterpack Forms

Sign in to your account dashboard and create a new form. Add your destination email(s) and optionally connect webhook integrations (Slack, Discord, etc.). Then copy your form ID.

2
Add a Code component in Framer

In the Framer editor, add a Code component (or use an HTML embed) to your page. Paste the form HTML into it. You can style the form using inline styles or by wrapping it in a styled Framer frame.

3
Add the embed script

Go to Site Settings → General → Custom Code and paste the embed script in the End of <head> tag section. This handles spam protection invisibly.

4
Publish and activate

Publish your Framer site. When you visit the page with your form, you'll see an overlay with an Activate form button. Click it to activate the domain. Your form is live once at least one recipient has confirmed (from Step 1) and the domain is activated.

Code to Copy

Get your form ID from your account dashboard.

Form HTML
Replace <FORM_ID> with your actual form ID
<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>
Embed script
Paste once per page — handles spam protection automatically
<script src="https://boosterpackforms.com/embed.js" defer></script>

Note: Framer's built-in form component is separate from this. Using Boosterpack Forms gives you AI spam protection, webhook support, and no vendor lock-in — your form works even if you move away from Framer.

Activating Your Domain

When you create a form, each recipient receives a confirmation email right away — they must confirm before receiving submissions.

When you load a page with your form on a domain that hasn't been activated yet, you'll see an overlay with an Activate form button. Click it to activate the domain. The form goes live once at least one recipient has confirmed and the domain is activated. This only happens once per domain.

What's Included

AI-powered spam filtering
Blocks spam before it reaches your inbox
Invisible Proof-of-Work
No CAPTCHA, no puzzles for your visitors
Multiple recipients
Up to 5 on Personal, up to 10 on Professional+
Webhook integrations
Slack, Discord, Teams, Google Chat, Telegram, or custom
No data stored
Messages are delivered and discarded
Free plan available
100 delivered/mo — spam never counts
Create your form now

Free plan · No credit card required

Full documentation →