Contact Forms
You can create contact forms directly in Contentful — no coding required. Forms are built from two content types: a Form entry that defines where submissions go, and Form Field entries that define the individual fields.
How Forms Work
1. Form (Form Maker)
The form entry is the container. It defines:
| Field | What It Does |
|---|---|
| Form Title | The heading shown above the form (e.g., “Contact Us”) |
| Email Destination | One or more email addresses where submissions are sent |
| Form Fields | The list of fields in the form (references Form Field entries) |
2. Form Fields
Each field in the form is its own entry:
| Field | What It Does |
|---|---|
| Field Name | The label shown above the input (e.g., “Your Name”) |
| Field Placeholder | Grey hint text inside the empty input (e.g., “Enter your name”) |
| Field Type | ”Text Entry” (free text) or “Multiple Choice” (dropdown) |
| Multiple Choice Options | If dropdown — the list of options to choose from |
Example: A Contact Form
Form: "Contact Us" (sends to info@yourorg.com)
├── Field: "Name" (Text Entry, placeholder: "Your full name")
├── Field: "Email" (Text Entry, placeholder: "your@email.com")
├── Field: "Subject" (Multiple Choice: General, Programs, Volunteer, Other)
└── Field: "Message" (Text Entry, placeholder: "How can we help?")This creates a form with three text inputs and one dropdown, and sends submissions to info@yourorg.com.
Placing a Form on a Page
Forms don’t appear on their own — you place them on a page by adding the Form Maker entry to a page’s content array or inside a Pure Aggregator.
A common pattern:
Aggregator Page Main: "Contact" (slug: "contact")
├── Pure Content: "Get in Touch" (intro text)
└── Pure Aggregator: "Contact Form Section"
└── Form Maker: "Contact Us"Tips
- Field order matters. The order you link Form Field entries in the Form determines the order they appear on the page.
- Keep forms short. 3–5 fields is ideal. Long forms discourage submissions.
- Multiple email destinations. You can send form submissions to more than one email address — useful when multiple team members need to see inquiries.
- Test after publishing. After creating or changing a form, visit the page and submit a test entry to make sure emails arrive correctly.
Last updated on