> ## Documentation Index
> Fetch the complete documentation index at: https://formhug.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Create a Contact Form

> How to create a contact form that captures visitor inquiries, routes messages to the right person, and sends automatic reply confirmations.

A contact form lets visitors reach you without exposing your email address. Set up correctly, it delivers inquiries straight to your inbox and confirms receipt to the submitter automatically.

If the form is part of a growth workflow, browse <a href="https://formhug.ai/templates/use-case/lead-generation" target="_blank">lead generation templates</a> or read <a href="https://formhug.ai/blog/how-to-build-a-lead-generation-form" target="_blank">how to build a lead generation form</a>. For page-level examples, see <a href="https://formhug.ai/blog/contact-us-page-examples" target="_blank">contact us page examples</a>.

## Recommended Fields

| Field       | Type      | Required?                           |
| ----------- | --------- | ----------------------------------- |
| **Name**    | Name      | Yes                                 |
| **Email**   | Email     | Yes — needed for your reply         |
| **Subject** | Dropdown  | Optional — helps you route by topic |
| **Message** | Long Text | Yes                                 |
| **Phone**   | Mobile    | Optional                            |

Keep it short. Most visitors won't fill more than 4–5 fields on a contact form. Only ask for what you'll actually use.

## Build Your Contact Form

<Steps>
  <Step title="Create the Form">
    From your dashboard, click **New Form** → choose the **Contact** template, start from a <a href="https://formhug.ai/templates/contact-us-form-template" target="_blank">contact form template</a>, or start from scratch.
  </Step>

  <Step title="Add Your Fields">
    Add Name, Email, and Message as required fields. Add Subject as a Dropdown if you handle multiple inquiry types (e.g., Sales, Support, Partnership).
  </Step>

  <Step title="Notify Yourself">
    Go to **Settings** → **Notifications** → **Add Notification**. Set the trigger to **Every Submission** and enter the email address where you want to receive inquiries.
  </Step>

  <Step title="Confirm Receipt to the Submitter">
    Add a second notification and switch the recipient to **Submitter's Email**. Write a short confirmation message — this reassures visitors that their message arrived.
  </Step>

  <Step title="Publish and Embed">
    Click **Publish**, then embed the form on your Contact page. An embedded form converts better than a standalone link.
  </Step>
</Steps>

## Reduce Spam

Contact forms on public sites attract spam. Two settings that help:

| Setting                    | Where to Find It                              |
| -------------------------- | --------------------------------------------- |
| **Daily submission limit** | Settings → Submission Rules                   |
| **Require login**          | Settings → Basic Settings → Submission Access |

<Tip>
  For most public contact forms, keep submissions open but set a daily limit. Reserve login-required access for internal or team-only forms.
</Tip>

## Related

<CardGroup cols={2}>
  <Card title="Notifications" icon="bell" href="/features/settings/notifications">
    Configure email alerts for every new submission
  </Card>

  <Card title="Embed on Your Website" icon="code" href="/features/sharing/embed">
    Add the form directly to any page on your site
  </Card>

  <Card title="Contact Form Template" icon="grid-2" href="https://formhug.ai/templates/contact-us-form-template" target="_blank">
    Start from a ready-made contact form structure
  </Card>

  <Card title="Lead Capture Template" icon="bullseye" href="https://formhug.ai/templates/lead-capture-form-template" target="_blank">
    Capture sales, partnership, and demo inquiries
  </Card>

  <Card title="Contact Page Examples" icon="book-open" href="https://formhug.ai/blog/contact-us-page-examples" target="_blank">
    See how the form fits into the rest of a contact page
  </Card>
</CardGroup>
