Contact form for Vue / Nuxt
A contact form for Vue and Nuxt
A normal HTML form in any component. Load the script from nuxt.config or index.html. Visitors never see a CAPTCHA.
No CAPTCHA
AI spam protection
Free plan
How to add it
Create the form, paste it into Vue / Nuxt, click activate once.
1
Create the form
Sign in to your dashboard and copy the form ID.
2
Add the form HTML
Put a <form method="POST"> in any Vue component, pointed at your submit URL.
3
Load the script
Nuxt: add it under app.head.script in nuxt.config.ts.
Vite Vue: add it to index.html before </body>.
4
Deploy and activate
Open the live page, click Activate form, and confirm from your inbox.
Copy 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>Nuxt config: app: { head: { script: [{ src: "https://boosterpackforms.com/embed.js", defer: true }] } }
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
Spam blocked before it reaches you
AI plus silent checks. No puzzles for visitors.
Email on every plan
Messages go to your inbox. Nothing is stored here.
Slack, Discord, and more
Add a destination webhook when you need the team looped in.
Free to start
1 form and 100 delivered submissions a month.
Common questions
Do visitors have to solve a CAPTCHA?
No. Spam checks run in the background. People just fill in the form and send it.
Is there a free plan?
Yes. Free includes 1 form and 100 delivered submissions a month. No credit card.
Can I send submissions to Slack or Discord too?
Does Boosterpack Forms store the messages?
No. We deliver the message to your email or destination, then discard it.
Add a Vue / Nuxt form
Free plan. No credit card.