Contact Us
The Contact Us page lets you manage the contact information shown on your public site — phone numbers, email addresses, physical addresses, social media links, and an embedded map.
Overview
Each entry on this page is a contact field made up of an icon, a label, and a value. The fields appear on your site in the order you arrange here, and you can hide any field without deleting it.
This page configures the contact details visitors see — it does not collect or list incoming messages from a contact form.
Page Layout
The page shows a list of cards, one per contact field. Each card displays:
| Element | Description |
|---|---|
| Icon | The field's icon |
| Label | The field's name (for example Phone, Email, or Facebook) |
| Value | The field's value, link, or map address (shows -- when empty) |
| Type badge | The field's type: Text, Social, or Map |
| Status badge | Active or Inactive |
| Actions | Move up, move down, show/hide, edit, delete |
When no fields have been added yet, an empty state appears: "No contact fields — Add contact information fields like phone, email, address, and social links."
Field Types
| Type | Choice in the form | Use it for |
|---|---|---|
| Text | Text | Plain contact details such as phone, email, or address (uses the Value field) |
| Social | Social Media | Social media links (adds a URL field) |
| Map | Map Embed | An embedded map (adds a Map Embed URL field) |
The Field Form
When you add or edit a field, a dialog opens with the following fields:
| Field | Required | Notes |
|---|---|---|
| Field Type | Yes | Text, Social Media, or Map Embed. Locked when editing — the type cannot be changed once a field is created. |
| Label | Yes | For example Phone, Email, or Facebook |
| Value | No | For example +1-234-567-8900 |
| Icon | No | The name of the icon to display (for example mdi:phone, mdi:email) |
| URL | No | Shown only for the Social Media type — the link, for example https://facebook.com/yourpage |
| Map Embed URL | No | Shown only for the Map Embed type — a Google Maps embed address |
Only Label is required. If you leave it blank, the form shows the message "Label is required."
Common Tasks
Adding a Field
- Go to CMS → Contact Us.
- Click the Add Field button (top right).
- Choose a Field Type — Text, Social Media, or Map Embed.
- Enter a Label (required).
- Fill in the relevant details — Value, Icon, and either the URL (for Social Media) or the Map Embed URL (for Map Embed).
- Click Add.
Editing a Field
- Click the pencil (edit) icon on the field's card.
- Update the Label, Value, Icon, or link. The Field Type stays locked.
- Click Update.
Showing or Hiding a Field
- Click the eye icon on the field's card.
- The status badge switches between Active and Inactive. Inactive fields stay in this list but are hidden from your site.
Reordering Fields
- Use the up arrow and down arrow icons on a card to move it one position at a time.
- The new order is saved automatically.
Deleting a Field
- Click the trash (delete) icon on the field's card.
- A confirmation dialog appears: "Are you sure you want to delete this contact field? This action cannot be undone."
- Click Delete to remove it, or Cancel to keep it.
Related Pages
💡 Note: To temporarily remove a contact detail from your site, hide it with the eye icon instead of deleting it — the field keeps all its values for when you need it again.