Step flows for Elementor: numbered stages with icons and connectors, for onboarding, processes and how-it-works sections.
Three steps between the first email and the kickoff call — what happens, who does it, and how long each part actually takes.
The hiring process for an engineering role, written out so a candidate always knows where they stand and what comes next.
Three stages between paying the fee and opening the decision letter, with the real wait attached to each one.
A residential mortgage, written out with the real waiting time on each stage rather than the brochure version.
How a place is confirmed — from the open evening in March to the first Monday of the autumn term.
Four steps, a two-hour arrival window and a van that already carries the part. Times below are taken from a normal week.
Written for a new patient on a knee referral, so nobody has to ask how many appointments this is going to take.
Six weeks, four stages and the same two people at both ends of it. This is the timeline a joinery workshop hands a customer on the day of the survey.
Six weeks from the survey to the last handle — and the same two fitters at both ends of it.
The cut-over runs over one weekend. Everything that can be done before Friday evening is done before Friday evening.
Every step on this page is one widget, repeated and reworded. Nothing here needed a stylesheet, a plugin patch or a developer.
Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.
Read the documentation for this one, or write to us — a human answers inside a business day.
One widget is one step. Place a Step Flow widget from Sky Addons for Elementor in each column of a row and the direction marker on every step points at the next one, so a four-stage onboarding flow is four widgets sitting side by side rather than one repeater to scroll through.
Switch off Show Direction on that one widget. Because each step in the Sky Addons Step Flow widget is configured on its own, the final stage simply turns its marker off while the earlier ones keep theirs — no leftover arrow pointing at empty space at the end of the row.
Yes. The Direction Type control in the Sky Addons Step Flow widget offers an arrow or a plain line, so the same layout can read as an insistent sequence or as a quiet visual tie between stages. The choice is per step, so a flow can change character partway through.
Yes, and the wording is free text rather than an automatic count. Each Sky Addons Step Flow widget carries a badge that reads Step 1 by default and can be placed at six spots — the four corners plus top centre and bottom centre — so it can label a stage, a duration or a price.
Neither. Step Flow ships in the free Sky Addons for Elementor plugin and runs on the free version of Elementor, so the badges, direction markers, icon shaping and hover states are all available without any licence. Elementor Pro is a separate product and is not involved.
None at all — it declares no script of its own. Everything the Sky Addons Step Flow widget does, including the badge placement, the connectors and the hover transitions, is markup and CSS, so there is nothing to initialise, nothing to wait for and no library added to the page weight.
Yes, with a dedicated switch. Turning on the SVG option in the Sky Addons Step Flow widget reveals separate Fill Colour and Stroke Colour controls that reach inside an uploaded SVG — useful for outline icon sets, where the ordinary icon colour control alone leaves the strokes untouched.
Yes. Each Sky Addons Step Flow widget takes a Link, so the icon, the badge, the heading and the description all become one target rather than asking the visitor to hit a small button. It suits a how-it-works row where each stage opens a fuller explanation elsewhere.
Considerably. The Sky Addons Step Flow widget sets icon size, padding, border, radius, rotation and both horizontal and vertical offsets, with a gradient-capable background and separate hover colours. An Advanced Border Radius field takes a full CSS radius string, which is how the square icon tile becomes an organic blob.
Use Step Flow for a short process read left to right — how it works, onboarding, a three-stage service. Use the Sky Addons Interactive Timeline when the content is dated milestones read top to bottom, needs scroll-driven reveals, or should be generated from posts. Different shapes, same plugin family.
