Skip to content

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.

Expertise Section Screen Capture


Heading and description (home page fields):

  1. Log in to Directus.
  2. Click Content in the left sidebar.
  3. Click Pages (English) > Home (for English) or Pages (Spanish) > Home (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.

FieldWhat it does
SubtitleThe small uppercase label above the heading
TitleThe section heading (e.g., “How It Works”)
DescriptionThe paragraph of text below the heading
Action ButtonThe call-to-action button at the bottom of the section

Step-by-Step: Editing the Process Section Heading

Section titled “Step-by-Step: Editing the Process Section Heading”
  1. Open home (or home_es).
  2. Click the Subtitle field and update the small label.
  3. Click the Title field and update the heading.
  4. Click the Description field and update the paragraph.
  5. Click Save.

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 Step Title and Step Description fields.
  7. Click Save.

Directus Process Screen Capture