🌐

Add a Contact Form to HTML

The simplest integration — just set your form's action attribute to your Flowqen endpoint. No JavaScript needed, works everywhere.

1

Create a form on Flowqen

Go to flowqen.com/create and create a form in 10 seconds. No account needed. Copy the form ID from the URL.

2

Add the HTML form

The simplest approach — just paste this HTML into your HTML project:

<form 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>
3

Add AJAX submission (optional)

For a smoother experience without page reload, add AJAX submission:

<!-- No JavaScript needed! Native HTML forms work out of the box. -->
<form action="https://flowqen.com/api/f/YOUR_FORM_ID" method="POST">
  <input type="hidden" name="_redirect" value="https://yoursite.com/thanks" />
  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>
  <button type="submit">Submit</button>
</form>
4

Done — check your dashboard

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.

What you get with every Flowqen form

Spam filtering (honeypot + Turnstile)
Email notifications
File upload support
Real-time analytics dashboard
22+ integrations (Slack, Discord, Notion, etc.)
Lead tracking pipeline
Auto-reply emails
Custom redirect URLs
CORS support for AJAX
API access (REST)
Create a form free →Read the full docs