Add a Contact Form to SvelteKit
Boosterpack Forms works seamlessly with SvelteKit. Add a standard HTML form, include the embed script, and submissions go straight to your inbox — with AI spam filtering and no CAPTCHA.
Setup Guide
Takes about 2 minutes
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.
Add the form HTML to any +page.svelte file. Use a standard <form> element with method="POST" pointing at your Boosterpack Forms submit URL.
Style it with your existing CSS, Tailwind, or any other styling approach — the form is just plain HTML.
Add the embed script to your app.html file (inside <head> or before </body>).
Alternatively, load it in your root +layout.svelte using <svelte:head>.
The script handles Proof-of-Work spam protection automatically — no CAPTCHA for your visitors.
Deploy your SvelteKit site (Vercel, Netlify, Cloudflare Pages — anywhere). 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 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><script src="https://boosterpackforms.com/embed.js" defer></script>SvelteKit tip: If you prefer to load the script from a layout, use <svelte:head><script src="https://boosterpackforms.com/embed.js" defer></script></svelte:head> in your +layout.svelte.
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
Free plan · No credit card required