Skip to Content

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:

FieldWhat It Does
Form TitleThe heading shown above the form (e.g., “Contact Us”)
Email DestinationOne or more email addresses where submissions are sent
Form FieldsThe list of fields in the form (references Form Field entries)

2. Form Fields

Each field in the form is its own entry:

FieldWhat It Does
Field NameThe label shown above the input (e.g., “Your Name”)
Field PlaceholderGrey hint text inside the empty input (e.g., “Enter your name”)
Field Type”Text Entry” (free text) or “Multiple Choice” (dropdown)
Multiple Choice OptionsIf 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