Hugo

Hugo contact form without a backend

Point a Hugo partial form at FormsReach. No PHP, no Node server, no DIY email pipeline. Deliver submissions by email with spam filtering and to WhatsApp in seconds, metered with monthly credits.

Get Started

Set up FormsReach with Hugo

Connect your form in a few steps. No custom backend required.

1
Create a free API key
Sign up at FormsReach and copy your form API key. Free includes monthly credits for email and spam filtering.
2
Add a form partial
Create a partial with a standard form, method POST, action set to the FormsReach submit endpoint, and a hidden api_key field. Include the partial on your contact page.
3
Build and test
Run hugo and deploy the public site. Submit once - check email and/or WhatsApp depending on your delivery settings.

HTML snippet

Copy this into your project, then swap in your FormsReach API key.

          <form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY" />
  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

Static generators still need form delivery

Hugo is built for speed and plain HTML. Contact forms still need a backend. FormsReach gives you a form API endpoint so a classic form in a partial works on any static host.

Platform notes

Prefer layouts/partials/contact-form.html for reuse.
Works with any Hugo theme that can include a partial.
After submit, you get email and/or WhatsApp based on how you configure delivery.

Troubleshooting

Nothing arrives: Confirm the partial renders api_key correctly after build.
Theme overrides: Ensure your contact template actually includes the partial.
Wrong fields: Ensure each input has a name attribute.

What you get

Monthly credits for submissions and delivery. Scale when volume grows.

Free

500 credits every month for form submissions, email, webhooks, and workflow rules. Spam filtering included. No credit card required.

Starter, Pro & Agency

Larger monthly credit pools (2,000 / 5,000 / 18,000). WhatsApp via Meta Business API unlocks on Pro and Agency. See pricing.

FAQ

Common questions about FormsReach with Hugo.

Does Hugo need a runtime to handle forms?+

No. Hugo generates static HTML. FormsReach is the form backend the browser posts to.

Where should I store the API key?+

In the form as a hidden api_key field (as in the snippet). Treat it like a public form endpoint key, not a privileged server secret.

Free vs Pro delivery?+

Email and WhatsApp via Meta WhatsApp Business API, with spam filtering. Usage is metered in monthly credits.

Can I use shortcodes?+

Yes - wrap the form markup in a shortcode or partial and reuse it across pages.

More framework guides that use the same FormsReach form API.

Ready to receive form leads?

Create a free API key. Upgrade when you need more monthly credits.

Get started →Docs guide

Set up FormsReach with Hugo

Create a free API key

Add a form partial

Build and test