Boosterpack Forms

Add a Contact Form to Vue & Nuxt

Boosterpack Forms works with any Vue or Nuxt project. Add a standard HTML form, include the embed 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 the form HTML

Add the form HTML to any Vue component or Nuxt page. Use a standard <form> element with method="POST" pointing at your Boosterpack Forms submit URL.

In Nuxt, you can place it in any pages/*.vue or components/*.vue file.

3
Add the embed script

In Nuxt, add the script to your nuxt.config.ts under app.head.script.

In a plain Vue (Vite) project, add it to your index.html before the closing </body> tag.

The script handles Proof-of-Work spam protection automatically — no CAPTCHA for your visitors.

4
Deploy and activate

Deploy your site (Vercel, Netlify, any hosting). 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>

Nuxt config example: In your nuxt.config.ts, add app: { head: { script: [{ src: "https://boosterpackforms.com/embed.js", defer: true }] } } to load the embed script site-wide.

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