Form Fields
Add, configure, and reorder contact form fields. Supports text, email, phone, select, checkboxes, ratings, file uploads, and conditional logic.
Go to Contact → Fields to manage the contact form fields. Default fields (name, email, message) are always present and cannot be deleted. Custom fields can be added, edited, reordered, and removed.
Drag the grip handle (⠿) to reorder fields — the order is saved automatically via AJAX.
Adding a field
Click Add field in the top-right. Fill in the modal:
| Setting | Description |
|---|---|
| Key | Internal identifier, lowercase with underscores (e.g. phone_number). Cannot be changed after creation. |
| Type | See field types below |
| Label | Translatable display name shown above the field |
| Placeholder | Translatable hint text inside the field (or label text for checkboxes) |
| Description | Translatable help text shown below the field |
| Required | Toggle — validation fails if left empty |
| Width | Full, Half, 1/3, or 1/4 of the row |
Field types
| Type | Description |
|---|---|
| Text | Single-line text input |
| Textarea | Multi-line text area |
| Email input with format validation | |
| Phone | tel input |
| URL | URL input |
| Date | Date picker |
| Select | Dropdown — one option at a time |
| Multi-select | Dropdown — multiple options |
| Checkbox | Single checkbox (e.g. newsletter opt-in). The placeholder text becomes the checkbox label. |
| Rating | Star rating 1–5. Stored as a number. |
| File upload | Single file input. Allowed types and size configured under Settings → File Uploads. |
For Select and Multi-select, add the options (comma-separated or line by line) in the field's options after creation.
Field width
Fields in the same row flow left-to-right. Two half-width fields sit side by side. Use widths to group related fields (e.g. First Name + Last Name as two halves, or three 1/3-width fields for a date range).
Translatable labels
In multilingual installations, the modal shows a separate Label, Placeholder, and Description input for each active language. If a language-specific value is empty, Contensio falls back to the field key (formatted as "Field Key").
Editing a field
Click the pencil icon next to any field. Default fields can be edited (labels, placeholder, description, required, width) but not deleted.
Conditional logic
Available after creating a field. Edit the field and use the Conditional display section to show or hide it based on another field's value.
Example: Show a "Company name" field only when the "Contact type" select field equals "Business".
| Operator | Behaviour |
|---|---|
equals |
Show when value matches exactly |
not equals |
Show when value does not match |
contains |
Show when value contains the string |
Conditional logic is evaluated in real time in the browser — no page reload needed.