Contact form for Webflow

A contact form for Webflow

Q: Can I send submissions to Slack or Discord too?

Yes. Add a webhook on Professional or Business. Slack, Discord, Teams, Google Chat, and Telegram are native.

Drop an Embed, add one script in Project Settings, and submissions go to your inbox. No Webflow form limits, no CAPTCHA.

No CAPTCHA

AI spam protection

Free plan

Webflow custom code↗

How to add it

Create the form, paste it into Webflow, click activate once.

Create the form

Add an Embed

In the Designer, drop an Embed where the form should go. Paste the form HTML. Wrap it in a Webflow div if you want classes on it.

Add the script in Project Settings

Go to Project Settings → Custom Code and paste the script in Head Code.

Publish and activate

Publish, open the live page, click Activate form, and confirm from your inbox.

Need the HTML to paste?

You can skip this.

Copy your form ID from the dashboard, then drop this in.

Form HTML

Replace <FORM_ID> with your 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>

Spam protection script

Paste once per page. Visitors never see a puzzle.

<script src="https://boosterpackforms.com/embed.js" defer></script>

Styling: wrap the Embed in a Webflow div. Inputs inherit your global styles.

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.