Add a contact form to any website in 60 seconds

You have a static website — maybe a portfolio, a landing page, or a docs site. You need a contact form but don't want to set up a backend, deal with email sending, or pay for a full CMS. Here's how to do it with FormBlade.

Step 1: Create your form endpoint

Sign up at formblade.com and click New form in the dashboard. You'll get a unique endpoint URL that looks like this:

https://formblade.com/f/contact

Set your notification email — that's where submissions will be sent.

Step 2: Add the HTML

Paste this into your website. Replace the action URL with your endpoint:

<form action="https://formblade.com/f/contact"
      method="POST">

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

  <label for="message">Message</label>
  <textarea name="message" required></textarea>

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

That's it. Every field with a name attribute will show up in your submission data.

Step 3: Optional extras

A few things you can add without writing any backend code:

• Custom redirect — set a redirect URL in the dashboard to send users to your own thank-you page after submission.
• Spam protection — enable the honeypot field in form settings, or add reCAPTCHA / hCaptcha / Turnstile.
• AJAX submission — submit with fetch() instead of a form action to stay on the same page. Send JSON with Content-Type: application/json.
• File uploads — use enctype="multipart/form-data" and add file inputs. Up to 1 MB per file on Personal, 25 MB on Pro.

AJAX example

If you want to submit without a page reload:

fetch('https://formblade.com/f/contact', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    email: 'user@example.com',
    message: 'Hello from my site!'
  })
})

The response will be JSON with the submission ID and status.