ASAS/Library/Process & steps
Daraj · Stair · 161 blocks

Elementor process & steps sections, one stair at a time.

161 process sections captured from real Elementor templates: three or four numbered steps in a row, vertical timelines, steps with an icon and a sentence each, and carousels for longer journeys. A “how it works” block answers the question that stops people buying: what happens after I click?

161process blocks
2behaviours
12colour kits
Open all 161 in the Studio →
Behaves StaticCarousel Showing 8 samples of 161 · the full room opens in the Studio
153 more in this room
Browse all 161 in the Studio →
Choosing one

A process section removes the fear of the unknown: show the visitor the next three steps.

Daraj · Safhi

How to choose process & steps

People hesitate when they cannot picture what comes next. Numbering the steps makes the path look short and finite; naming each step in two or three words makes it look easy.

Three or four numbered steps — for services and apps where the path is short: book, meet, receive. The numbers do half the persuading.

A vertical timeline — when steps have dates or durations — onboarding, a build, a course. Reading down matches the passage of time.

Steps with icons — when each step is a different kind of action, and a small symbol helps the visitor scan them before reading.

What is inside the block

A Daraj block is a container with one inner container per step: a number or icon, a short heading and a line of text, sometimes joined by a divider or line. Add or remove a step by duplicating or deleting its container; the row re-spaces itself.

Section containerboxed · centred
Heading groupeyebrow · heading · text
Steps rowrow or column · 3–5 steps
Stepnumber or icon · heading · text
Connectordivider line (optional)
A representative hierarchy. The Studio shows the exact tree for every block before you download.

Import into Elementor

  1. Download the block (or your whole stacked page) from the Studio as a .json file.
  2. In WordPress go to Templates → Saved Templates and click Import Templates.
  3. Choose the file. It appears under Saved Templates with its ASAS name.
  4. Open any page in Elementor, click the folder icon, choose My Templates, and insert it.

Related rooms

A process block usually sits between the features and the pricing, and pairs well with a FAQ that answers what each step involves.

Questions

Process & steps, answered.

How many steps should I show?

Three to five. Fewer looks thin; more starts to look like work. If your real process is longer, group it into phases and name the phases.

Can the steps link to more detail?

Yes. Each step’s heading can carry a link, or add a small button under the text. Keep it to the step the visitor is most likely to worry about.

Are these templates free?

Yes. Browsing, stacking and colouring need no account. Downloading the Elementor JSON needs a free account — a name, an email and a password, no card.

Do I need Elementor Pro?

Most blocks use core Elementor widgets only. Where a block uses a Pro widget, the Studio names it before you download, because Elementor silently drops widgets it doesn’t have on import.

How do I import a block into Elementor?

Download the .json file, open Templates → Saved Templates in WordPress, click Import Templates, choose the file, then insert it on any page from the editor’s template library.

New blocks land monthly.

One email when a room grows or a behaviour is added. No digest, no tips, nothing weekly.

Unsubscribe in one click. Never shared.

You’re on the list. Next mail when a room grows.
Your stack 0 blocks
Open in Studio →