How to Add a Form to Any HTML Website

Get your FormsList endpoint

Create a free FormsList account and add a new form. FormsList gives you a unique endpoint URL that you can use as the action attribute of any HTML form. Copy the URL and keep it handy for the next step.

Add the HTML form to your page

Paste the following form markup into your HTML file wherever you want the form to appear. The form uses the standard POST method and points directly at your FormsList endpoint. When a visitor submits the form, FormsList processes the data and redirects the user back to your site.

<form action="https://formslist.com/f/YOUR_FORM_HASH" 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" rows="4" required></textarea>

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

Style and test your form

Add CSS to match your site's design, then submit a test entry. Check the FormsList dashboard to confirm the submission arrived. Enable email notifications so every future submission is forwarded to your inbox automatically.

<style>
  form {
    max-width: 480px;
    margin: 2rem auto;
    font-family: sans-serif;
  }
  label {
    display: block;
    margin-top: 1rem;
    font-weight: 600;
  }
  input, textarea {
    width: 100%;
    padding: 0.5rem;
    margin-top: 0.25rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  button {
    margin-top: 1.5rem;
    padding: 0.6rem 1.5rem;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  button:hover {
    background: #1d4ed8;
  }
</style>