Form backend for Hugo sites

How it works

1. 1

   Create a LazyForms account and set up a form endpoint.

2. 2

   Add the form HTML to your Hugo template or content file.

3. 3

   Point the action attribute to your LazyForms URL.

4. 4

   Deploy to any host. Forms just work.

Code example

<!-- layouts/partials/contact-form.html -->
<form action="https://api.lazyforms.com/f/YOUR_ACCESS_KEY" method="POST">
  <div>
    <label for="name">Name</label>
    <input type="text" id="name" name="name" required />
  </div>

  <div>
    <label for="email">Email</label>
    <input type="email" id="email" name="email" required />
  </div>

  <div>
    <label for="message">Message</label>
    <textarea id="message" name="message" rows="5" required></textarea>
  </div>

  <!-- Honeypot spam protection -->
  <input type="text" name="_honey" style="display:none" tabindex="-1" />

  <button type="submit">Send message</button>
</form>

Tips

• Create the form as a Hugo partial and include it with {{ partial "contact-form.html" . }}
• Works with any Hugo theme — just add the partial to your layout.
• No dependency on Netlify — deploy to any static host.