If you build static sites with Astro or Hugo, you already know how satisfying it is to ship lightning‑fast pages without a backend. The missing piece is often a simple, spam‑free contact form that doesn’t expose your email address to crawlers.
Enter formcrab.com – a zero‑code, anti‑spam contact solution that gives you a private link you can drop anywhere (GitHub READMEs, Twitter bios, static blogs, you name it). Your actual email stays hidden, messages land straight in your inbox, and you keep full control over the form’s behavior.
Below you’ll see how to add a clean contact page to an Astro or Hugo site in under 10 seconds.
Why Hide Your Email?
- Bots love
mailto:links – they scrape them and flood you with junk. - FormCrab’s endpoint hides the address – web scrapers never see your real email.
- No server to maintain – the form, landing page, and backend are all hosted by FormCrab.
What FormCrab Gives You
| Feature | Benefit |
|---|---|
| Receive Messages, Hide Your Email | Keep your address private and collect messages directly in your inbox. |
| No Code Required | Just drop a link; no HTML, JS, or server configuration. |
| Anti‑Spam Protection | Built‑in spam filters keep your inbox clean. |
| Customizable Link | Add GET parameters to pre‑fill fields, set a subject, or redirect after submit. |
| Webhook Support | Forward form data to any endpoint you control. |
| Zero Hosting Costs | FormCrab serves the landing page and stores submissions. |
Webhook POST format (JSON):
{
"name": "Hugh",
"email": "[email protected]",
"subject": "hello! there",
"message": "hello! there",
"submittedAt": "2026-03-12 10:20:08",
"extra": { "key1": "value1", "key2": "value2" }
}
1️⃣ Add a Contact Link to an Astro Site (10 seconds)
- Create your private FormCrab link – you’ll receive something like
https://formcrab.com/f/ABC123. - Open any page or component (e.g.,
src/pages/contact.astro). - Drop the anchor tag wherever you want the contact button.
---
// src/pages/contact.astro (or any component)
---
<h2>Contact Us</h2>
<a href="https://formcrab.com/f/ABC123" target="_blank" rel="noopener">
📧 Send a Message
</a>
That’s it. When visitors click the link, they’re taken to a clean FormCrab form that submits directly to your inbox.
2️⃣ Add a Contact Link to a Hugo Site (10 seconds)
- Copy your FormCrab link (
https://formcrab.com/f/ABC123). - Edit the Markdown file where you want the contact option (e.g.,
content/contact/_index.md). - Insert the link using standard Markdown syntax.
## Get in Touch
[📧 Email Me](https://formcrab.com/f/ABC123){:target="_blank"}
Hugo will render the link exactly as shown. No shortcodes or partials required.
🎯 Customizing the FormCrab Link with GET Parameters
FormCrab lets you pre‑fill fields, set a custom subject, or redirect users after they submit. Replace {custom-link} with your token.
| Goal | Example Link | Description |
|---|---|---|
| Auto‑fill Name | <a href="https://formcrab.com/f/{custom-link}?name=Hugh" target="_blank">Email us</a> |
Saves the user time by inserting their name. |
| Pre‑set Visitor Email | <a href="https://formcrab.com/f/{custom-link}[email protected]" target="_blank">Contact Support</a> |
Useful when you already know the visitor’s email. |
| Custom Subject | <a href="https://formcrab.com/f/{custom-link}?subject=Urgent+Support+Request" target="_blank">Report an Issue</a> |
Classify incoming messages in your inbox. |
| Predefined Message | <a href="https://formcrab.com/f/{custom-link}?message=I+would+like+to+request+a+demo" target="_blank">Inquiry</a> |
Gives users a starting point for their message. |
| Custom Redirect (Next) | <a href="https://formcrab.com/f/{custom-link}?next=https://yoursite.com/success" target="_blank">Send and Return</a> |
Overrides the default “Thank You” page. |
You can combine parameters, e.g.:
[Request a Demo](https://formcrab.com/f/ABC123?name=Jane&subject=Demo+Request&next=https://example.com/thanks){:target="_blank"}
📦 One‑Liner Integration Summary
| Platform | One‑liner Markdown / Astro snippet |
|---|---|
| Astro | <a href="https://formcrab.com/f/ABC123" target="_blank">📧 Send a Message</a> |
| Hugo | [📧 Send a Message](https://formcrab.com/f/ABC123){:target="_blank"} |
Copy, paste, and you’re live.
🚀 Wrap‑Up
Adding a professional, spam‑protected contact form to static sites doesn’t have to involve code, servers, or third‑party widgets. With FormCrab:
- Your email stays hidden from bots.
- Visitors get a sleek, mobile‑friendly form.
- You keep full control with optional GET parameters and webhook forwarding.
Give your Astro or Hugo site a polished contact page in less time than it takes to brew a coffee.
Ready to go? Head over to formcrab.com, generate your private link, and start collecting messages—no HTML, no hosting, no spam. Happy building!