Next Steps Blocks: Ordered Action After the Answer
Build a next steps block that turns understanding into an ordered action plan, keeps non-commercial guidance clear, and gives machines a reusable sequence.
A next steps block turns the page’s conclusion into a short, ordered plan. It tells the reader what to do now, what to do after that, and how to know they are ready to continue; none of those actions has to be commercial.
Next steps
- Choose the owner. Name the person responsible for applying the recommendations on this page.
- Run the smallest useful test. Apply the method to one representative page before changing the full site.
- Record the result. Save the baseline, the change, and the outcome in the same work item.
- Expand only after the check passes. Roll the change out when the test meets its stated success condition.
The rendered element is actionable without selling anything. Its order matters: assigning ownership before testing avoids an unowned recommendation, while testing before expansion limits the cost of a wrong assumption.
Why this element matters
A useful article often ends at the exact moment the reader’s work begins. The reader may understand the explanation yet hesitate because several plausible actions compete for attention. A next steps block closes this intention–action gap by reducing the choice to a small sequence.
Order also changes reader psychology. An unordered conclusion makes every task appear equally urgent, so difficult or ambiguous work can crowd out an easy prerequisite. A numbered sequence establishes momentum. The first item should be possible now, the middle items should build on evidence created earlier, and the final item should define a handoff, verification point, or expansion decision.
Machine extractability means software can recover the actions and their order without guessing from visual spacing. A typed block with a stable heading, an ordered list, and one action per item exposes a clean sequence to search systems, AI agents, assistive technology, and migration tools. “First” hidden in prose and cards arranged with CSS may provide no reliable document order.
Follow the element writing rules by purpose: when a closing passage tells the reader what to do now in a deliberate order, use the next-steps element. An H2 called “Where to go from here” and ordinary prose do not take precedence over the typed component. The element’s semantic job, not its visual treatment or heading wording, decides the format.
When to use it
Use next steps when the page resolves a question but leaves two or more actions that should happen in a specific sequence. Common triggers include moving from explanation to implementation, from diagnosis to remediation, from a worked example to a reader’s own attempt, or from results to a repeatable operating routine.
Use it especially when:
- the first action is a prerequisite for every later action;
- readers need to start small before committing wider resources;
- a result must be verified before the process continues;
- responsibility passes from one person or team to another;
- the page teaches a method but cannot perform the reader’s implementation;
- the reader needs a non-commercial action before any product decision is appropriate.
Near misses have different jobs. A recap restates conclusions. A checklist defines pass/fail requirements that may not have a strict order. A procedure teaches the full task, including prerequisites and recovery. Next steps is the compact handoff after teaching is complete.
A CTA block requests one conversion, such as starting a trial, booking a call, or downloading a file. Next steps can contain “review the baseline,” “assign an owner,” and “run one test” without asking the reader to convert. Do not disguise three sales buttons as an action plan.
A related content block offers editorially selected destinations. It answers “what should I read or explore next?” Next steps answers “what should I do, in what order?” A linked resource may support one action, but a list of article titles is navigation rather than an action sequence.
Do not use the block for one credible action, after a complete procedure with no separate handoff, or to conceal unresolved strategy. “Improve performance, increase authority, and get more traffic” names aspirations, not executable steps.
Where to place it
Place the block after the final substantive explanation, result, or recommendation. The reasoning must be complete before action begins. On a long page, next steps belongs in the closing region, not after each major section.
When the page also contains sources, keep citations with the claims they support or place the sources block before next steps. Evidence closes the page’s proof obligation; next steps then opens the implementation path. When related content supplies resources required by the actions, place it after next steps. The closing commercial CTA, if justified, comes last.
| Position | Allowed? | Reason | Rule |
|---|---|---|---|
| Between the H1 and direct answer | No | Action arrives before understanding. | Answer and orient first. |
| In the middle of the explanation | No | It creates a false ending and encourages premature action. | Use inline transitions or a full procedure instead. |
| After the final substantive section | Yes | The reader has enough context to act. | Use this as the default slot. |
| After sources | Yes | Verification is complete before implementation begins. | Keep sources and actions in separate regions. |
| Immediately before a closing CTA | Yes, with separation | The plan can prepare the reader for a distinct optional conversion. | Use different headings and visual containers. |
| Beside another numbered procedure | No | Two competing sequences make order ambiguous. | Merge them or remove the redundant block. |
The block may not sit beside a sticky purchase control, newsletter capture, offer box, or equal-weight button group. It may not repeat an adjacent checklist. If both are required, the checklist verifies readiness and next steps describe what follows after it passes.
Anatomy
The component has seven identifiable regions:
- Heading: labels the handoff, normally “Next steps” or a more specific action-oriented phrase.
- Ordered list: preserves the intended sequence in the document structure, not only in visual counters.
- Action label: begins each item with one imperative verb and names the task.
- Supporting detail: explains scope, owner, input, or constraint only when the label is not sufficient.
- Resource link: optionally opens the exact tool, template, or page required for that action.
- Success condition: states what must be true before the reader advances when the handoff depends on verification.
- Block boundary: keeps the action plan distinct from the conclusion, related links, and commercial CTA.
Design examples
All variants preserve ordered-list semantics. Presentation changes density, never source order.
Compact numbered list
Use this default when each action fits in one sentence.
Numbered cards
Use cards when actions need an explanation, owner, or success condition. Cards stack numerically on mobile; only the resource label is linked.
Milestone handoff
Use this when progress depends on explicit gates such as “pilot approved.” A gate is a success condition, not decoration.
Resource-assisted sequence
Use this when actions require a template, report, or destination. Links support the actions; they are not competing CTAs.
Owner handoff
Use this for cross-functional work. Show one accountable role per item and keep it secondary to the action.
Parameters
The canonical component name is next-steps. Repeatable actions are nested items so their labels, details, links, owners, and success conditions cannot drift into parallel arrays.
| Name | Type | Required | Min/max | Default | Source |
|---|---|---|---|---|---|
title | Plain string | Yes | 1–6 words; 60 characters | Next steps | Attribute or first heading |
variant | Enum | No | compact, cards, milestones, resources, or owners | compact | Attribute |
item | Nested item | Yes | 2–6 items; 3–5 recommended | None | Body using ::item{} entries |
action | Plain string | Yes | 2–8 words; 60 characters | First heading in the item body | Item attribute or first heading |
detail | Plain Markdown | No | 0–35 words; one paragraph | None | Item body after the first heading |
url | Root-relative or absolute URL | No | Zero or one URL per item | None | Item attribute |
linkLabel | Plain string | Conditional | 2–8 words; 50 characters | Value of action | Item attribute; required when url is present and the action is not a suitable label |
owner | Plain string | No | 1–4 words; 30 characters | None | Item attribute |
success | Plain string | No | 4–18 words; 120 characters | None | Item attribute or final sentence of item body |
start | Integer | No | 1–99 | 1 | Attribute |
The first item heading maps to action; the remaining body maps to detail. Do not supply a conflicting heading and attribute. Use start only to continue a sequence established immediately before the block.
Syntax and code examples
Portable Markdown directive
:::next-steps{title="Next steps" variant="milestones"}
::item{owner="Content lead" success="One representative page is approved"}
### Choose the pilot page
Select a page with typical structure and enough traffic to reveal regressions.
::
::item{owner="SEO lead" success="Baseline and change are recorded"}
### Apply and verify the change
Compare the same measures before and after implementation.
::
::item{owner="Engineering" success="The release plan has an owner and date"}
### Schedule the wider rollout
Expand only after the pilot meets its success condition.
::
:::
Hugo shortcode
{{< next-steps title="Next steps" variant="milestones" >}}
{{< next-step action="Choose the pilot page" owner="Content lead" success="One representative page is approved" >}}Select a page with typical structure and enough traffic to reveal regressions.{{< /next-step >}}
{{< next-step action="Apply and verify the change" owner="SEO lead" success="Baseline and change are recorded" >}}Compare the same measures before and after implementation.{{< /next-step >}}
{{< next-step action="Schedule the wider rollout" owner="Engineering" success="The release plan has an owner and date" >}}Expand only after the pilot meets its success condition.{{< /next-step >}}
{{< /next-steps >}}
This is a portable contract, not a claim that these shortcodes are registered here. The live specimen uses semantic HTML. Every shortcode parameter is named.
WordPress block or shortcode
<!-- wp:amicited/next-steps {"title":"Next steps","variant":"milestones"} -->
<!-- wp:amicited/next-step {"action":"Choose the pilot page","owner":"Content lead","success":"One representative page is approved"} -->
<p>Select a page with typical structure and enough traffic to reveal regressions.</p>
<!-- /wp:amicited/next-step -->
<!-- wp:amicited/next-step {"action":"Apply and verify the change","owner":"SEO lead","success":"Baseline and change are recorded"} -->
<p>Compare the same measures before and after implementation.</p>
<!-- /wp:amicited/next-step -->
<!-- /wp:amicited/next-steps -->
WordPress must preserve item order in the editor, HTML, feeds, and exports. Reordering changes meaning and requires editorial review.
Examples
Good: an ordered, testable handoff
Next steps
- Select one pilot page. Choose a representative page rather than the site’s easiest exception.
- Record the baseline. Save the current query, date, owner, and measures before editing.
- Apply one controlled change. Keep unrelated template and copy changes out of the same release.
- Check the result. Expand only when the page passes the agreed quality check and no regression appears.
This works because each item begins with an action, order reflects dependency, the pilot limits risk, and the final item supplies a decision gate.
Bad: promotional choices presented as steps
Your next steps
- Transform your visibility today!
- Discover our powerful platform.
- Book a demo.
- Start your free trial.
- Subscribe to the newsletter.
This fails because the items are competing conversions, not a sequence. The first two are claims; the last three can happen in any order. Keep one justified commercial CTA and replace the block with the non-commercial implementation steps the page supports.
Schema markup and accessibility
A next steps block does not create a standalone Schema.org entity. Keep it within the enclosing page. Do not label it HowTo, ItemList, or Action merely because it contains ordered items; structured data describes the page’s real primary content.
HowTo markup applies only when the whole page genuinely teaches a qualifying procedure. Its page-level steps represent that procedure; do not add the closing block as a conflicting second set. Suggestions for later work remain visible HTML.
Render an <ol> with one <li> per action. CSS counters may style numbers but cannot provide the only order. Give the region a visible heading connected with aria-labelledby. Avoid role="alert" and live regions for static content.
Links must be keyboard reachable, visibly focused, and descriptive out of context. Do not link an entire multi-sentence card. Icons, color, and connector lines cannot carry order, ownership, or completion state alone.
On narrow screens, preserve numerical order and place secondary fields after their action. At 200% zoom and with custom text spacing, items must reflow without clipping.
Writing rules
Begin each item with one imperative verb: choose, record, compare, test, assign, verify, schedule, or escalate. This makes the action extractable and observable. Avoid “Consider” or “Explore” unless reflection is the defined task and has a clear output.
Use three to five items by default. Two suit a narrow handoff; six is the hard maximum. A longer sequence needs a full procedure, checklist, or guide.
Keep action labels to two to eight words and 60 characters. Supporting detail stays within 35 words per item. Use a second sentence only for a success condition. The block should normally fit within 80–180 words.
Order by dependency, not commercial value. Put the safest reversible start first and verification before expansion. For cross-functional work, name one accountable owner per item.
Use a direct, calm tone. State the smallest useful scope, necessary input, and evidence required to continue. Match verbs to what the page taught; a conclusion cannot introduce an unexplained high-risk action.
Never put these inside the block:
- a recap of facts with no action;
- more than one commercial CTA or a row of promotional buttons;
- a new argument, caveat, warning, prerequisite, or legal disclaimer introduced for the first time;
- a full procedure with substeps, troubleshooting, or branching decisions;
- an unordered collection of related articles;
- vague outcomes such as “grow traffic” or “improve quality” without a defined task;
- artificial urgency, countdown language, unsupported guarantees, or fear of missing out;
- hidden actions that require payment, registration, or data sharing without saying so.
If an action carries material risk, explain that risk at the relevant point in the main body before the closing block. Next steps may refer back to the safe action, but it must not become the first place a warning appears.
Post types that use it
The postTypes array is the source of this relationship. Each listed format benefits from an ordered handoff, but the sequence must reflect that page’s completed work rather than a generic template.
| Post type | Why it uses next steps | Typical final action |
|---|---|---|
| Ultimate guides | A broad guide often leaves several implementation routes; order prevents the reader from starting with an advanced tactic before the baseline. | Choose the first focused workstream and assign an owner. |
| How-to guides | The procedure may finish technically while monitoring, documentation, or rollout still remains. | Verify the result, record it, and schedule the next check. |
| Checklist articles | Passing the checks should trigger a defined handoff rather than leave a completed checklist with no consequence. | Approve, publish, escalate, or schedule remediation. |
| Troubleshooting guides | A successful fix needs confirmation and prevention; an unsuccessful fix needs escalation with evidence. | Monitor the symptom or hand the diagnostic record to support. |
| Beginner introductions | New readers need a safe learning order after they acquire the core vocabulary. | Practice one small task before moving to the next concept. |
| Framework posts | A reusable model becomes useful only when the reader can apply it to a bounded case and inspect the result. | Run a pilot, review the output, then adapt the framework. |
| Template posts | Receiving a template is not the outcome; readers must copy, complete, validate, and maintain it. | Save a clean version and define the review cadence. |
| Case studies | Evidence should lead to a proportionate evaluation step, not an unsupported promise that the same result will repeat. | Compare the method with the reader’s baseline and constraints. |
QA checklist
- The page ends with two or more actions that genuinely require an order.
- The block appears after the final substantive explanation and any evidence needed to judge the actions.
- It is not a recap, checklist, complete procedure, related-content list, or disguised CTA group.
- The source uses an ordered list, with one action per list item.
- Each item begins with one imperative verb and names an observable task.
- The sequence follows dependency: prerequisite before work, test before rollout, verification before expansion.
- The block contains three to five items by default and never more than six.
- Action labels stay within two to eight words and 60 characters.
- Supporting detail stays within 35 words per item and adds scope, ownership, a resource, or a success condition.
- Every link supports its action, uses descriptive text, and resolves to the exact needed resource.
- Commercial actions, if present, are limited to one distinct closing CTA rather than repeated inside the sequence.
- No new warning, disclaimer, prerequisite, evidence claim, or material caveat first appears in the block.
- A success condition is explicit before any irreversible, expensive, or site-wide rollout.
- HTML order and visual order match at desktop, narrow widths, zoom, and custom text spacing.
- The heading and meaning remain clear without color, icons, connector lines, or card styling.
- The block does not use unsupported HowTo or ItemList markup.
- Screenshot comments request future captures and no nonexistent image is referenced.
FAQ
How many actions should a next steps block contain?
Use three to five ordered actions in most cases. Two are acceptable for a genuinely short handoff, and six is the hard maximum. If the sequence needs more than six actions, link to a full procedure or checklist instead of compressing it into a closing block.
Is a next steps block the same as a CTA?
No. A next steps block gives the reader an ordered plan, and its actions may all be non-commercial. A CTA asks for one primary conversion or commitment. A page may use both, but the action plan comes first and the commercial CTA stays visually separate.
Can a next steps block contain links?
Yes, when a link is necessary to complete the named action. Link the action phrase or a specific resource label, use a crawlable destination, and do not turn every item into a promotional button. An action that can be completed on the current page needs no link.
Should next steps use HowTo schema?
Only when the whole page is a genuine procedure and meets the current eligibility and content requirements for that structured data. A closing next steps block alone does not justify HowTo markup, and its items must not be duplicated as a separate procedure.
Where does the next steps block go when the page also has related content and a CTA?
Place next steps after the final substantive section, then place related content if it provides necessary supporting destinations, and keep the closing CTA last. Do not stack all three when they repeat the same action or destination.
A strong ending does not force a conversion or reopen the argument. It gives the reader a safe first move, preserves the order of the work, and makes the condition for continuing explicit.
More tutorials in this section
Ready to put it into practice?
Free check · 7-day trial · no credit card