FormBackend logo
← Back to FormBackend

User Guides

Your first form

Connect your own HTML form to a FormBackend endpoint

You bring your own HTML form (or a CMS form), and FormBackend collects the submissions.

Example contact form

<form action="[ACTION]" method="POST">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required>

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

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

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

When someone submits, the browser posts the field values to the URL in action. FormBackend provides that URL.

Create a FormBackend endpoint

  1. Create an account at formbackend.com if you do not have one.
  2. Open the forms page and create a form.
  3. Open the Set Up tab and copy the unique endpoint URL (it looks like https://www.formbackend.com/f/abcdef).

Connect your HTML

Paste the endpoint into your form’s action attribute in place of [ACTION], save, and submit a test entry. You should land on the thank-you page (customize it in Customize thank-you page).

In FormBackend, open Submissions. If the entry is missing, check the spam inbox via the Inbox filter near the top of the submissions table, then move false positives back to the inbox.

Submission details

Click a submission to inspect field values and the event log on the right. The log is especially useful when debugging emails — it shows what was sent and delivery status.