Getting Started with FormSync (HTML)

Build and deploy live forms in seconds — no server, no API setup, no headache.

FormSync lets you handle form submissions using a simple form endpoint. In this guide, you’ll integrate FormSync with a plain HTML form in under 5 minutes.

What You’ll Build

• A working HTML form
• Connected to FormSync endpoint
• Submissions stored instantly
• No backend required

Step 1. Create a Form

1. Go to your FormSync dashboard
2. Click Create Form
3. Give it a name (e.g. Contact Form)
4. Copy your endpoint URL

It will look like:

Endpoint URL
https://api.formsync.app/v1/s/your-form-id

Step 2. Create a Basic HTML Form

Here’s a minimal working example:

html
<form action="https://api.formsync.app/v1/s/your-form-id" method="POST">
  <label>Name:</label>
  <input type="text" name="name" required />
 
  <label>Email:</label>
  <input type="email" name="email" required />
 
  <label>Message:</label>
  <textarea name="message" required></textarea>
 
  <button type="submit">Send</button>
</form>

Step 3. Test Your Form

• Open the HTML file in your browser
• Fill in the fields
• Click Send

Now go back to your FormSync dashboard — you’ll see the submission instantly.

Optional: Add Redirect After Submit

You can redirect users after submission:

html
<input
  type="hidden"
  name="_redirect"
  value="https://yourdomain.com/thank-you"
/>

Optional: Add Custom Fields

FormSync accepts any field:

html
<input type="text" name="company" required />
<input type="tel" name="phone" required />

Everything will be captured automatically.

Optional: Spam Protection (Honeypot)

html
<input
  type="text"
  name="_fs_hp"
  style="display:none"
  autocomplete="off"
  tabindex="-1"
/>

Bots will fill this — humans won’t.

Why This Works

• No backend required
• Works with static sites
• Works with any framework
• Instant API endpoint
• Zero configuration

Pro Tips

• Use meaningful field names (email, message)
• Add client-side validation for better UX
• Combine with frontend frameworks later (React, Next.js)

What’s Next?

• Add FormSync to React / Next.js
• Use webhooks for automation
• Build full workflows with your form data

Summary

You just built a fully working form backend using only HTML.

That’s the power of FormSync — backend-free form handling, instantly.

Exciting to share that this blog was written using Docstra.