Early bird50% off every Moduly widget and plan in your first order. One use per customer.See prices
Get Moduly free
Gutenberg · Content & Layout · live demoStep FlowShow how your process works in clear numbered steps.
Get itDocs

Step Flow

Core has no steps block: you would fake one with Columns and a number in each, and draw no lines between them. Step Flow joins numbered, icon or image steps with real connectors — solid, dashed, dotted or gradient, with arrowheads and an animated flow — runs across on wide screens and down on phones (each device chosen separately), marks done and current steps for progress trackers (with aria-current), lets a step hold any blocks, reveals step by step on scroll, and can add HowTo structured data.

Ready-made patterns

Inserter → Patterns → Moduly.

How it works

From first call to launch in four steps.

  1. 01

    Discovery call

    Thirty minutes to understand your goals and audience.

  2. 0248 h

    Plan and quote

    A clear scope, timeline and fixed price.

  3. 03

    Design and build

    Weekly demos so you see progress early.

  4. 04

    Launch

    We go live together and train your team.

Your order

Order #10482 — arriving Thursday.

  1. Ordered

    Mon 10:42

  2. Packed

    Tue 08:15

  3. 3

    Shipped

    On its way with the courier

  4. 4

    Delivered

    Expected Thursday

Get started

Three steps, about ten minutes.

  1. Create your account

    Sign up with your email — no card needed.

    Open guide: Create your account

  2. Install the plugin

    Upload it, activate it, paste your key.

    Open guide: Install the plugin

  3. Publish your first page

    Pick a template and press publish.

    Open guide: Publish your first page

Images (media 91–94) · gradient line with animated flow · badges · glow on hover

  1. New

    Pick a style

    Browse the collection.

  2. Choose your size

    Our guide gets it right.

  3. Secure

    Check out

    Pay your way.

  4. Wear it

    Free returns for 30 days.

Steps that hold blocks · down on every device · numbers from 0 · rounded squares · fill on hover

  1. 0

    Prepare

    Have these ready:

    • Your logo (SVG or PNG)
    • Brand colours
  2. 1

    Connect your store

    Paste your API key.

    Get an API key
  3. 2

    Go live

    Publish when the preview looks right.

Across on phones too · dotted line · small icons, no shape

  1. Email

  2. Call

  3. Done

Progress tracker: step 4 of 5 · custom colours · cards

  1. Apply

  2. Review

  3. Interview

  4. 4Now

    Offer

  5. 5

    Start