← All templates

Contact form

Name, email, and message — the classic website contact form.Plain HTML — it inherits your site's styles and needs no backend or JavaScript.

Preview

The code

<form action="https://crunchforms.com/form/{formID}" method="post">
  <label for="name">Name</label>
  <input name="name" type="text" id="name" required />

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

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

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

How to use it

1. Create a free Crunchforms account and add a form in the dashboard (takes about a minute).
2. Replace {formID} in the actionURL with your form's ID — or use the dashboard's snippet generator, which fills it in for you.
3. Paste the form into any page. Submissions appear in your dashboard and, if you like, in your inbox. Add a honeypot or captcha in the form settings for extra spam protection.