free tool

Build a contact form for your website

Choose what visitors can fill in, such as their name, email and message. Try the form, then copy its HTML code into your website’s custom code block.

Building and previewing the form is free, with no account needed. To receive real messages in mailcontact, create a project and use its form link. Ask your website manager to add the code if needed.

Start free How to connect your form

receive your messages

Give your form a project inbox.

MailContact’s free contact form service includes one project, 50 form messages per month, and email alerts. Slack, Discord and webhooks require Pro or Plus. Add a contact email for your project and replies with Pro or Plus.

form builder

Choose your fields and try your form.

Choose your fields and try a practice message in the preview. The preview does not send real messages. A live test uses the form link you enter and counts as a real message.

Your form link

This is an example link. You can try the preview now. To send a real message, use the form link from your project settings.

Optional fieldsNameSubject

Button text

After sending

Spam protection is always included

The script adds a hidden check automatically, verifies it is still present and empty, and handles sending and confirmations. Blocked spam does not count toward your monthly limit. Visitors do not need to solve a CAPTCHA puzzle.

Free forms show a small “Processed by mailcontact.app” link. Pro and Plus forms have no MailContact attribution. For a fully custom interface, use MailContact.send().

Try your form

Test mode

Practice: no messages are sent or saved. Try the same form you will copy below. Its final appearance depends on your website’s styles.

Try a junk message (fill the hidden field)

contact-form.html

View form code (HTML)

<form action="https://mailcontact.app/api/forms/your-form-id" method="POST" data-mailcontact-form>
  <fieldset>
    <legend>Contact us</legend>
    <label>
      Name (optional)
      <input name="name" type="text" autocomplete="name" maxlength="200" />
    </label>
    <label>
      Email
      <input name="email" type="email" autocomplete="email" maxlength="320" required />
    </label>
    <label>
      Message
      <textarea name="message" rows="5" maxlength="5000" required></textarea>
    </label>
    <noscript>
    <div aria-hidden="true" style="position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;">
      <label>Website
        <input name="company_website" type="text" tabindex="-1" autocomplete="off" />
      </label>
    </div>
    </noscript>
    <button type="submit">Send message</button>
  </fieldset>
  <p data-contact-status role="status" aria-live="polite" aria-atomic="true"></p>
</form>
<script defer src="https://mailcontact.app/forms/v1.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

using your form

Form code you can use on your website.

Works with custom code blocks

Add the code to a website that lets you edit HTML or use a custom code block, such as Webflow, Framer or Carrd. The website guides below explain how.

No signup needed

Build, preview and copy your form for free. To receive messages in mailcontact, create an account and project, then add that project's form link.

Clear labels for visitors

Each field has a label, and the form marks which fields visitors must fill in. A hidden field helps catch junk messages without getting in visitors' way.

faq

Contact form HTML, answered

How do I receive messages from the form?

Create a mailcontact project and copy its form link into the builder. This link, called an endpoint, sends messages to your project inbox. You need to add the generated HTML code to your website, or ask the person who manages your site to do it. Developers can also connect the form to another compatible service.

Can I change how the form looks?

Yes. The builder creates HTML code without its own visual theme. Your website’s styles control how it looks. You or the person who manages your site can change the layout, colours and fonts.

Why is the email field required?

So you know how to reply. The visitor’s email address appears alongside their message in your inbox. mailcontact checks that an email address is present and has a valid format.

Can I use it with Webflow, Framer or Carrd?

Yes, if your website plan lets you add an embed or custom code block. Paste the form code into that block and use your mailcontact form link to receive messages.

guides

Find the guide for your website

Read your form messages in one place.

Create a free mailcontact inbox for your website’s form. Get an email alert when someone writes. Add Slack, Discord or webhooks with Pro or Plus.

Create your free form

No credit card needed. Free includes one project and 50 form messages per month.