Process Section

The process section shows visitors how your service works — the step-by-step journey from first contact to completed job. This section has a heading and description that you edit on the home page, plus individual steps that are managed separately.

[SCREENSHOT: The home page process section showing the heading, description, and step cards]

---

Where to Find It

Heading and description (home page fields):

1. Log in to Directus.
2. Click Content in the left sidebar.
3. Click home (for English) or home_es (for Spanish).
4. Scroll down to the Process Section fields.

Individual step cards:

• The steps themselves (icons, titles, descriptions) are managed in the process_steps collection. See the section below.

---

Field Reference

Field	What it does
process_subtitle	The small uppercase label above the heading
process_title	The section heading (e.g., “How It Works”)
process_description	The paragraph of text below the heading
process_btn	The call-to-action button at the bottom of the section

---

Step-by-Step: Editing the Process Section Heading

1. Open home (or home_es).
2. Click the process_subtitle field and update the small label.
3. Click the process_title field and update the heading.
4. Click the process_description field and update the paragraph.
5. Click Save.

---

Editing the Individual Step Cards

Each step card (icon, title, and description) is managed in the process_steps collection.

1. Click Content in the left sidebar.
2. Click process_steps.
3. You’ll see a list of all steps. Click the step you want to edit.
4. Scroll to the Translations section.
5. Click the English tab (or Spanish tab).
6. Update the title and description fields.
7. Click Save.

[SCREENSHOT: A process_steps item open showing the Translations section with title and description fields]

Note

The steps appear on the home page and on individual service pages. Changes here update all locations at once.

Caution

Do not delete a step from process_steps unless you want it to disappear from the website entirely. If you want to temporarily hide a step, contact your developer instead.