Basic HTML Forms

Formkove works with plain HTML. No npm packages, no SDKs. Just a POST to your form endpoint.

Minimal Example

<form action="https://app.formkove.com/api/forms/YOUR_FORM_ID/submissions" method="POST">

    <input type="text" name="name" required>
    <input type="email" name="email" required>
    <textarea name="message" required></textarea>
    <input type="hidden" name="redirect" value="https://yoursite.com/thank-you">

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

</form>

Replace YOUR_FORM_ID with the ID from your Formkove dashboard. That’s your access key. It’s public-safe, so it can live in the HTML.

With More Fields

<form action="https://app.formkove.com/api/forms/YOUR_FORM_ID/submissions" method="POST">

    <input type="hidden" name="subject" value="New contact from your site">

    <input type="text" name="name" placeholder="Full name" required>
    <input type="email" name="email" placeholder="Email address" required>
    <input type="tel" name="phone" placeholder="Phone number">
    <textarea name="message" placeholder="What are you getting in touch about?" required></textarea>

    <input type="hidden" name="redirect" value="https://yoursite.com/thank-you">

    <button type="submit">Send Message</button>

</form>

Hidden Configuration Fields

These go inside the form as <input type="hidden">:

Field	What it does
`subject`	Sets the email subject line for notifications
`replyto`	Reply-to address in notification emails
`redirect`	URL to redirect to after successful submission
`botcheck`	Built-in spam check (add `style="display:none"` to hide)

Contact Form with Tailwind CSS

<div class="flex items-center min-h-screen bg-gray-50">
  <div class="container mx-auto">
    <div class="max-w-md mx-auto bg-white p-6 rounded-md shadow-sm">
      <h1 class="text-2xl font-semibold text-gray-700 mb-4">Contact Us</h1>
      <p class="text-gray-500 mb-6">Fill out the form below and we'll get back to you.</p>

      <form action="https://app.formkove.com/api/forms/YOUR_FORM_ID/submissions" method="POST">
        <input type="hidden" name="subject" value="New Contact Form Submission">
        <input type="hidden" name="redirect" value="https://yoursite.com/thank-you">
        <input type="checkbox" name="botcheck" style="display:none">

        <div class="mb-4">
          <label for="name" class="block text-sm text-gray-600 mb-1">Full Name</label>
          <input type="text" name="name" id="name" placeholder="Jane Smith" required
            class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500">
        </div>

        <div class="mb-4">
          <label for="email" class="block text-sm text-gray-600 mb-1">Email</label>
          <input type="email" name="email" id="email" placeholder="jane@example.com" required
            class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500">
        </div>

        <div class="mb-4">
          <label for="message" class="block text-sm text-gray-600 mb-1">Message</label>
          <textarea name="message" id="message" rows="4" placeholder="Your message..." required
            class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"></textarea>
        </div>

        <button type="submit" class="w-full py-2 px-4 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition">
          Send Message
        </button>
      </form>
    </div>
  </div>
</div>

Getting Your Form ID

Sign in to app.formkove.com
Create a new form (or use an existing one)
Copy the Form ID from the form settings. It looks like a short alphanumeric string
Drop it into your HTML in place of YOUR_FORM_ID

The Form ID is public by design. It only accepts submissions; it can’t read your data.