Static sites are fast, cheap, and simple—perfect for blogs, documentation, portfolios, and marketing pages.
But they often lack the ability to collect dynamic data (e.g., contact forms, surveys, or user‑generated content) without resorting to a full‑blown backend.
In this post you’ll learn:
- Why static sites need a smarter way to receive messages
- How to hide your email address from bots
- A zero‑code solution – formcrab.com
- Customising the FormCrab link with GET parameters
Let’s dive in.
1. The Problem: Exposing Email Addresses on Static Pages
When you place a mailto: link or write your email address directly into HTML, you give web scrapers an easy target. Spam bots crawl the web, harvest those addresses, and flood your inbox.
Even if you hide the address behind JavaScript, a determined scraper can still extract it. The result?
- Spam overload
- Lost productivity
- Potential security concerns
The ideal solution is to keep the email completely invisible to bots while still offering visitors a convenient way to get in touch.
2. The Solution: formcrab.com – Receive Messages, Hide Your Email
formcrab.com gives you a private, single‑use link that you can place anywhere—GitHub READMEs, Twitter bios, static blogs, or even printed material.
What you get, without writing a line of code
| Feature | Benefit |
|---|---|
| Anti‑spam protection | Bots never see your real address. |
| No HTML to maintain | Just copy‑paste a URL. |
| Zero hosting cost | FormCrab hosts the landing page, form, and backend. |
| Inbox delivery | Messages land straight in your email client. |
| Full control | Update the link, set redirects, and pre‑fill fields. |
Bottom line: Keep your email hidden, stay spam‑free, and still collect messages—no server, no PHP, no Node, no Firebase required.
3. How to Add a FormCrab Link to a Static Site
- Create your private token on the FormCrab dashboard.
- Copy the base URL:
https://formcrab.com/f/{your‑token}
- Insert it wherever you need a contact button. Example for a Markdown blog:
[📧 Email us](https://formcrab.com/f/{your-token})
That’s it. Visitors click the link, fill out the simple form, and you receive the message in your inbox.
4. Supercharge the Link with GET Parameters
FormCrab lets you tailor the user experience on the fly by appending query parameters. This is priceless when you already know something about the visitor (e.g., their name) or you want to route them after submission.
Remember: Replace
{custom-link}with your unique token.
4.1 Auto‑fill the Name field
If you already know the user’s name (e.g., from a newsletter sign‑up), pass it via name:
[Email Hugh](https://formcrab.com/f/{custom-link}?name=Hugh)
The form will load with “Hugh” pre‑populated, saving the visitor a keystroke.
4.2 Pre‑set the Visitor’s Email
When you send a personalized outreach email that includes a contact button, you can embed the recipient’s email address:
[Contact Support](https://formcrab.com/f/{custom-link}[email protected])
The email field is already filled, reducing friction.
4.3 Custom Subject for Classification
Organise incoming messages by assigning a subject via the subject parameter:
[Report an Issue](https://formcrab.com/f/{custom-link}?subject=Urgent+Support+Request)
The subject appears in your notification, making triage easier.
4.4 Predefined Message Template
Guide the conversation with a starter message using message:
[Request a Demo](https://formcrab.com/f/{custom-link}?message=I+would+like+to+request+a+demo)
The textarea will contain the template, so users only need to add details.
4.5 Custom Redirect After Submission (next)
By default, FormCrab shows a generic “Thank You” page. Override it with any URL you like:
[Send and Return](https://formcrab.com/f/{custom-link}?next=https://yoursite.com/success)
After a successful submit, the visitor lands on your custom success page.
5. Putting It All Together – A Real‑World Example
Imagine you have a static landing page for a SaaS product. You want a “Book a Call” button that:
- Prefills the visitor’s name (stored in a cookie)
- Uses a custom subject “Demo Request”
- Sends the user to a thank‑you page on your domain
You can generate a single dynamic link:
[Book a Call](https://formcrab.com/f/{custom-link}?name=JohnDoe&subject=Demo+Request&next=https://example.com/thanks)
No JavaScript, no server‑side code—just a URL that adapts to the visitor.
6. Best Practices for Static Sites
| Tip | Why it matters |
|---|---|
| Use HTTPS for all FormCrab links | Guarantees data is encrypted in transit. |
| Limit the lifetime of tokens if you rotate them often | Reduces the surface for abuse. |
| Combine with a honeypot field (optional) | Adds another layer of spam protection. |
| Monitor your inbox | Even with anti‑spam, occasional false positives happen. |
| Document your links | Keep a short README with the purpose of each custom link. |
7. TL;DR – Quick Checklist
- ❌ Stop putting raw email addresses on your static pages.
- ✅ Sign up at formcrab.com and generate a private token.
- 📎 Insert the simple link (
https://formcrab.com/f/{token}) wherever you need contact. - 🎛️ Add GET parameters (
name,email,subject,message,next) to pre‑fill or redirect. - 🚀 Deploy your static site—no backend, no extra cost, no spam.
Ready to level up your static site?
Start protecting your inbox and collecting clean, actionable data today with formcrab.com.
No code. No hosting fees. No spam.