Framework guide

Hugo

Hugo builds pure static HTML, so a form needs somewhere to send its data. Point it at ShipMyForm with a reusable partial.

Create a partial

layouts/partials/contact-form.html

<form action="https://shipmyform.com/f/frm_8Kx2mQ9pL4vN" method="POST">
  <input type="email" name="email" placeholder="[email protected]" required />
  <textarea name="message" placeholder="Your message"></textarea>
  <!-- honeypot: bots fill this, humans don't -->
  <input type="text" name="_gotcha" style="display:none" tabindex="-1" />
  <button type="submit">Send</button>
</form>

Use it in a page

content/contact.md or a template

{{ partial "contact-form.html" . }}

Redirect after submit

Add a hidden _redirect field to send visitors to a thank-you page after a successful submission.

layouts/partials/contact-form.html

<input type="hidden" name="_redirect" value="https://your-site.com/thanks/" />

Deploying to Netlify, Cloudflare Pages or GitHub Pages? Nothing else to configure: the form posts straight to ShipMyForm.