Stop Writing Form Boilerplate Code for Your Simple Portfolio Sites

If you’ve ever built a personal portfolio, a résumé page, or a tiny project showcase, you’ve probably faced the same dilemma: how do I let visitors contact me without exposing my email address or spending hours writing a tiny form?

Most developers copy‑paste a handful of HTML, CSS, and JavaScript snippets, host a small server‑side script, and pray that spam bots don’t harvest the address. The result?

• Unnecessary code bloat – a few extra lines in a site that should be lightweight.
• Maintenance headaches – every time you change your email or want a new field you edit the form again.
• Spam exposure – bots love mailto: links and simple form actions.

Enter FormCrab (formcrab.com)

FormCrab eliminates the need for any boilerplate code. It gives you a private, single‑click link that you can drop anywhere—GitHub READMEs, Twitter bios, static blog posts, or the footer of your portfolio.

What you get

Feature	Benefit
Receive Messages, Hide Your Email	No raw email on the page. All messages land directly in your inbox.
Zero Code Required	No HTML form, no backend, no hosting fees.
Built‑in Anti‑Spam Protection	Bots can’t scrape mailto: links because your address never appears in the markup.
Full Control via GET Parameters	Prefill fields, set a subject, or redirect after submit with a simple URL tweak.
Webhook Support	Forward submissions to any endpoint in a clean JSON payload.

How It Works

1. Create a private form link on FormCrab. You’ll receive a URL that looks like https://formcrab.com/f/abc123.
2. Share the link anywhere you like. When a visitor clicks it, FormCrab serves a tiny landing page with a ready‑made email form.
3. Messages are delivered straight to the email you configured (or to a webhook you specify).

No HTML to write, no server to maintain, and no spam inbox to clean.

Customize the Experience with GET Parameters

FormCrab lets you tailor the form on the fly. Replace {custom-link} with your unique token and add any of the following query strings.

1. Auto‑fill Name

If you already know the user’s name, pre‑populate it:

<a href="https://formcrab.com/f/{custom-link}?name=Hugh" target="_blank">Email us</a>

2. Pre‑set Visitor Email

When you have the visitor’s email in your database:

<a href="https://formcrab.com/f/{custom-link}[email protected]" target="_blank">Contact Support</a>

3. Custom Subject

Add a subject line that appears in your notification inbox, handy for classification:

<a href="https://formcrab.com/f/{custom-link}?subject=Urgent+Support+Request" target="_blank">Report an Issue</a>

4. Predefined Message

Provide a starter message or template:

<a href="https://formcrab.com/f/{custom-link}?message=I+would+like+to+request+a+demo" target="_blank">Inquiry</a>

5. Custom Redirect After Submit (next)

Override the default “Thank You” page:

<a href="https://formcrab.com/f/{custom-link}?next=https://yoursite.com/success" target="_blank">Send and Return</a>

All of these parameters are optional and can be combined as needed.

Webhook Integration

If you prefer to handle submissions programmatically, set a webhook URL in your FormCrab dashboard. FormCrab will POST a JSON payload with the following structure:

{
  "name": "Hugh",
  "email": "[email protected]",
  "subject": "hello! there",
  "message": "hello! there",
  "submittedAt": "2026-03-12 10:20:08",
  "extra": {
    "key1": "value1",
    "key2": "value2"
  }
}

You can then process, store, or forward the data to any service you like—Zapier, Slack, a CRM, or a custom backend.

Why Portfolio Owners Love FormCrab

• Speed – Drop a link, go live. No more “build a contact form” to‑do items.
• Security – Your email never appears in source code, protecting you from harvested addresses.
• Professionalism – A clean, responsive form that matches any design without the CSS work.
• Flexibility – Use GET parameters to personalize the experience for each campaign, client, or event.

Quick Start Checklist

1. Sign up at formcrab.com.
2. Create a new form, pick the destination email (or webhook).
3. Copy the generated link (https://formcrab.com/f/your-token).
4. Paste it anywhere: <a href="https://formcrab.com/f/your-token" target="_blank">Contact Me</a>
5. (Optional) Add query parameters to pre‑fill or redirect.

That’s it—no more boilerplate, no more spam, no more code headaches.

---

Stop writing repetitive form code. Let FormCrab do the heavy lifting so you can focus on building beautiful portfolios and showcasing your work.

Visit formcrab.com and get your private contact link today!