Boosterpack Forms
Back to Documentation

Add a Contact Form to Webflow

Boosterpack Forms works perfectly with Webflow. Drop in a form using an Embed element, add the spam protection script, and submissions go straight to your inbox — with AI spam filtering and no CAPTCHA.

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 an Embed element in Webflow

In the Webflow Designer, drag an Embed element (from the Components panel) onto your page where you want the form. Paste the form HTML code into it. Style it using a wrapper div with Webflow's class system.

3
Add the embed script

Go to Project Settings → Custom Code and paste the embed script in the Head Code section. This handles spam protection automatically — your visitors never see a CAPTCHA.

4
Publish and activate

Publish your Webflow 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>

Styling tip: Wrap the Embed element in a Webflow div and apply your styles there. The form HTML inherits Webflow's global styles automatically, so your inputs and buttons will match your design system.

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 →