If you’ve ever tried to add a contact form to a static site, you know the usual pain points: writing server‑side code, worrying about spam, and most importantly, exposing your email address to bots that harvest mailto: links. Imagine being able to drop a single link on any page—GitHub README, Twitter bio, static blog, or even a PDF—and start receiving messages directly in your inbox, all without a single line of backend code.
Enter FormCrab. It gives you a private, anti‑spam‑protected endpoint that works like a full‑featured contact form, but lives entirely on the cloud. No hosting, no HTML forms to maintain, and no risk of revealing your email address to web scrapers.
Below is a step‑by‑step guide on how to integrate FormCrab into any website (or any place where you can place a hyperlink).
Why Choose FormCrab?
| Feature | What It Means for You |
|---|---|
| Receive Messages, Hide Your Email | Your real email stays hidden. FormCrab forwards submissions to your inbox. |
| Zero Backend Code | No PHP, Node, Python, or serverless functions to write or deploy. |
| Anti‑Spam Protection | Built‑in CAPTCHA‑free spam filters keep your inbox clean. |
| Private Link | A unique token ({custom-link}) makes the form private—only people with the link can use it. |
| No Hosting Fees | FormCrab hosts the landing page, the form UI, and the backend for you. |
| Perfect for Static Environments | Works on GitHub Pages, Netlify, Vercel, or any plain HTML site. |
| Customizable via GET Parameters | Pre‑fill fields, set a subject, or redirect after submit—all with simple URL parameters. |
Getting Started in 3 Easy Steps
-
Create Your Private Form Link
- Sign up at formcrab.com.
- Click "Create New Form".
- Choose the email address where you want the messages delivered.
- FormCrab will generate a unique URL:
https://formcrab.com/f/{custom-link}.
-
Add the Link to Your Site
- Insert a simple anchor tag wherever you want the contact button or text.
- Example:
<a href="https://formcrab.com/f/{custom-link}" target="_blank">Contact Us</a>- That's it—clicking the link opens a clean, responsive contact form.
-
Optional: Tune the Experience with GET Parameters
FormCrab lets you pre‑populate fields or control post‑submission behavior by appending query parameters to the link. Below are the most useful ones.
Customizing the Form with GET Parameters
Replace {custom-link} with the token you received from FormCrab.
| Parameter | Purpose | Example |
|---|---|---|
name |
Auto‑fill the user’s name. | <a href="https://formcrab.com/f/{custom-link}?name=Hugh" target="_blank">Email us</a> |
email |
Pre‑set the visitor’s email address. | <a href="https://formcrab.com/f/{custom-link}[email protected]" target="_blank">Contact Support</a> |
subject |
Set a custom subject line for the email you receive. | <a href="https://formcrab.com/f/{custom-link}?subject=Urgent+Support+Request" target="_blank">Report an Issue</a> |
message |
Provide a template or default message body. | <a href="https://formcrab.com/f/{custom-link}?message=I+would+like+to+request+a+demo" target="_blank">Inquiry</a> |
next |
Override the default “Thank You” page with your own redirect URL. | <a href="https://formcrab.com/f/{custom-link}?next=https://yoursite.com/success" target="_blank">Send and Return</a> |
Tip: Encode spaces as + or %20 and escape special characters with URL‑encoding.
Real‑World Use Cases
1. GitHub README
[💌 Send me a quick note](https://formcrab.com/f/{custom-link}?subject=Readme+Question)
2. Twitter Bio
DM me → https://formcrab.com/f/{custom-link}?next=https://twitter.com/yourhandle
3. Static Blog Footer
<footer>
<p>Have feedback? <a href="https://formcrab.com/f/{custom-link}?next=https://example.com/thanks" target="_blank">Contact the author</a></p>
</footer>
All of these work without a single line of server‑side code.
Frequently Asked Questions
Q: Will my email address be visible to bots?
A: No. FormCrab’s endpoint never exposes your personal address. The only public part is the private token, which is not an email address.
Q: Do I need to maintain a server or pay for hosting?
A: No. FormCrab handles the landing page, form processing, and email delivery.
Q: How does anti‑spam protection work without CAPTCHAs?
A: FormCrab employs heuristic filters and hidden honeypot fields that block typical bot submissions while keeping the user experience smooth.
Wrap‑Up
Adding a contact form to a static site used to mean writing server code, paying for a hosting plan, and dealing with spam. With FormCrab, you get a private, anti‑spam‑protected, zero‑code solution that works everywhere you can drop a link.
- Sign up → create your private link.
- Stick the link (or a customized version) anywhere you like.
- Start receiving messages directly in your inbox while keeping your email address hidden.
Give it a try today at formcrab.com and see how effortless contact can be—no backend required.
Happy coding, and happy emailing!