Hugo generates pure HTML — just add a form tag with your Flowqen endpoint. No build plugins or Go templates needed.
Go to flowqen.com/create and create a form in 10 seconds. No account needed. Copy the form ID from the URL.
The simplest approach — just paste this HTML into your Hugo project:
<!-- layouts/partials/contact-form.html -->
<form action="https://flowqen.com/api/f/YOUR_FORM_ID" method="POST">
<label>Name<br><input type="text" name="name" required /></label>
<label>Email<br><input type="email" name="email" required /></label>
<label>Message<br><textarea name="message" required></textarea></label>
<button type="submit">Send</button>
</form>
<!-- Then include it in any page: -->
<!-- {{ partial "contact-form.html" . }} -->Use Hugo's native patterns for a better developer experience:
<!-- For AJAX submission, add this script to your Hugo layout: -->
<form id="contact" action="https://flowqen.com/api/f/YOUR_FORM_ID" method="POST">
<input type="text" name="name" placeholder="Name" required />
<input type="email" name="email" placeholder="Email" required />
<textarea name="message" placeholder="Message" required></textarea>
<button type="submit">Send</button>
</form>
<script>
document.getElementById("contact").addEventListener("submit", async (e) => {
e.preventDefault();
const res = await fetch(e.target.action, { method: "POST", body: new FormData(e.target) });
alert(res.ok ? "Sent!" : "Error");
});
</script>Submit a test entry. Go to your Flowqen dashboard to see the submission. Set up email notifications, Slack alerts, or any of our 22+ integrations.