Add a Contact Form to Any HTML Site
Works with any static site — plain HTML, Hugo, Jekyll, 11ty, Eleventy, or any static site generator. Paste two snippets and you're done. No server, no backend, no build step.
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 your page wherever you want the contact form. Style it with your existing CSS — it's just standard HTML elements.
Add the script tag to your <head> or before </body>. It handles Proof-of-Work spam protection automatically. Include it once per page.
Upload your site (GitHub Pages, Netlify, Vercel, any hosting). When you visit the page with your form, you'll see an overlay with an Activate form button. Click it and confirm via your inbox.
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>Static site generators: If you use Hugo, Jekyll, 11ty, or similar, add the embed script to your base layout template so it's included on every page automatically. The form HTML can go in any page or partial.
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