Published on: 12 Jun , 2026

Step-by-Step Guide Template: Structure, Format, and How to Use It

C

Written by Chethna NK

On this page

A step-by-step guide template has two jobs: give every guide the same structure, and make that structure easy enough to follow so that the content gets created consistently across the whole team. Most teams find the first part simple and the second part hard.

This article gives you the complete template — every section labeled and defined, a fully filled example showing what the finished guide looks like, and guidance on how the template shifts for different guide types. Copy the structure, apply it to your first guide, and use the filled example as a reference for every guide after that.


The Step-by-Step Guide Template


This is the full template. Every section is defined below with guidance on how to fill it in.

TITLE

[Action verb] + [object] + [optional context]

PURPOSE

[1–2 sentences: what this guide accomplishes and when to use it]

PREREQUISITES

  • [Access level or role required]
  • [Any prior steps or configurations needed]
  • [Estimated time to complete]

STEPS

Step 1: [Action verb + specific action]

  • [Screenshot: exact screen state at this step, annotated to the precise element]
  • [One-sentence action description in active present tense]
  • [Optional: one sentence confirming what happens after this action]

Step 2: [Action verb + specific action]

  • [Screenshot]
  • [Action description]
  • [Result confirmation]

... repeat for each step ...

EXPECTED OUTCOME

[1–2 sentences confirming what the customer has accomplished and how to verify it]

TROUBLESHOOTING (optional)

  • If [symptom], [resolution].
  • If [symptom], [resolution].

RELATED GUIDES (optional)

  • [Link to guide customers typically need next]
  • [Link to related workflow]

Section by Section: How to Fill Each Part

Title

The title is the first filter. A customer who reads the title and recognizes their situation will read the guide. A customer who does not recognize their situation should be routed away immediately — a good title does this before they invest time reading step 1.

Format: [Action verb] + [object] + [optional context]. The action verb should describe what the customer does, not what the product does.

Good title Why it works
Connect Gmail to HubSpot CRM Action verb (Connect), object (Gmail to HubSpot CRM), clear endpoint
Create Your First Work Order Action verb (Create), object (Work Order), endpoint implied
Troubleshoot a Campaign That Won't Send Action verb (Troubleshoot), object (specific symptom), audience self-selects
Set Up Two-Factor Authentication Action verb (Set Up), object (2FA), no ambiguity
Weak title Why it fails
HubSpot Integration No action verb, no endpoint, no audience signal
Work Orders Label, not a guide title
Email Issues Too broad — which email issue?
2FA Abbreviation only, no context

The title should also match what a customer would type when they have this problem. A guide titled the way a customer searches for it will surface in help center search and external search at significantly higher rates than a guide titled for internal filing convenience.

Purpose Statement

One to two sentences. What the guide accomplishes, and when to use it.

Example: "This guide shows you how to connect your Gmail inbox to HubSpot so emails sent from Gmail are automatically logged in your contact records. Use this if you want email activity to appear in HubSpot without manually logging each conversation"

The purpose statement confirms to customers in the right place that they found what they need. Equally important: it routes customers in the wrong place out before they start. A customer who reads "this guide connects Gmail to HubSpot" and realizes they want to connect Outlook instead leaves immediately — which is the correct outcome. A guide that misleads customers into step 1 before they realize it is wrong generates a more frustrated support ticket than one that routes them out at the top.

Prerequisites

List everything the customer needs before step 1. Three categories cover most guides:

Access level

Admin, editor, or standard user. If the guide requires admin access and the customer does not have it, they will hit a wall at step 3 and contact support. State it upfront.

Prior configurations

If another guide must be completed before this one, link to it here. Do not describe it — link to it and let the customer complete it separately.

Time to complete

A specific estimate. "8 minutes" is more useful than "a few minutes." Customers who know how long a task takes can schedule it. Customers who do not know often abandon mid-guide when they realize they do not have time to finish.

Example prerequisites block:

  • Super Admin access to your HubSpot portal
  • A Gmail or Google Workspace account connected to your device
  • Two-factor authentication enabled on your Google account
  • Approximately 8 minutes

Steps

Each step has four parts. The first two are required. The second two raise guide quality significantly.

Step number and action verb title

The number orients the customer in the sequence. The action verb tells them what they are about to do before they look at the screenshot: "Step 4: Authorize the connection." A customer who reads the step title knows what is coming and can follow the screenshot more easily.

Screenshot

Taken at the exact screen state after the previous action and before this action is completed — the state the customer will see when they arrive at this step. The screenshot shows the precise element they need to interact with, annotated with a spotlight, border, or arrow. Not the whole screen. Not a general area. The exact element.

Screenshot quality determines whether a customer can follow the guide independently or has to guess. A screenshot of the full Settings page tells a customer approximately where to look. A screenshot with a spotlight on the specific toggle tells them exactly where to act. The annotation is a decision, not a decoration.

Action description

One sentence. Active voice. Present tense. Describes exactly what to do: "Click the Connect Inbox button in the Email Integration section." Not "The Connect Inbox button should be clicked" or "Navigate to Email Integration and then click Connect Inbox." One action per description. If two things happen in the same step, split it into two steps.

Result confirmation (optional)

One sentence describing what should happen after the action: "A permissions dialog appears. You will see two checkboxes at the bottom." Result confirmations let customers verify they are on track without having to read ahead. Guides with result confirmations at non-obvious steps see lower mid-guide abandonment rates than guides that only describe actions.

Expected Outcome

One to two sentences at the end of the guide confirming what the customer has accomplished and how to verify it.

Example: "Your Gmail inbox is now connected to HubSpot. Emails you send from Gmail to any contact in your CRM will appear automatically in that contact's Activity timeline within a few seconds of sending."

The expected outcome closes the loop. Without it, a customer who has completed all the steps has no way to verify the process worked without contacting support. A good expected outcome describes a specific, visible state the customer can check — a status indicator, a record that now exists, a confirmation message, a change in the UI.

Troubleshooting (optional but high-value)

Two to four entries in if/then format. Each entry covers one specific error state with one specific resolution.

Example entries:

  • If the Connect Inbox button is not visible, confirm you have Super Admin access in HubSpot Settings under Users.
  • If the Gmail authorization screen does not appear, check that your browser is not blocking pop-ups from app.hubspot.com.
  • If the inbox connects but emails are not logging, verify the email was sent to a contact that exists in your HubSpot CRM.

Include this section for any guide covering admin-level settings, third-party integrations, or workflows where permission levels or account configurations can cause the steps to behave differently from the screenshots. A short troubleshooting section on a complex guide deflects the most predictable support tickets before they are generated.

Two to three links to guides customers typically need next. These should be the natural next actions after completing this guide — not a general index, not a broad category page.

Example: "Once your inbox is connected: Log a Meeting in a Contact Record / Set Up Email Sequences / Configure Notification Preferences for Logged Emails."


A Trainn Step-by-Step Guide, Built on the Template - Example

                                   (Shift from interactive mode to Guide mode in this embed)


How the Template Changes by Guide Type

The seven-section structure stays the same across every guide type. What changes is the emphasis — which sections carry the most weight, what scope decisions the title and prerequisites reflect, and how the steps are framed.

Guide type Title emphasis Prerequisites weight Step framing Expected outcome
New user onboarding First action, visible result Low — assume minimal prior setup Small steps, result confirmation after each "Your [object] is now created and visible"
Feature adoption Outcome of the feature, not the steps Medium — assume basic product knowledge Include "why this step matters" at non-obvious steps "You now have [feature] running automatically"
Integration setup What connects to what High — list every account and permission needed Inline permission note at the step where access gate exists "Your integration is active — verify by checking [specific indicator]"
Product update What changed and what to do now Low — assume full product knowledge Before/after framing where the UI changed "You are now using the updated [feature]"
Troubleshooting The symptom, not the solution Low — start from the error state Symptoms check before step 1 to qualify the reader "The issue is resolved — verify by [specific check]"
Feature configuration Admin action, specific outcome High — admin role, edition, or version note Edition filter note before step 1 "Your [configuration] is now saved and active"

A few decisions that shift by guide type:

New user onboarding guides should end at the earliest meaningful success state — not the most complete one. The endpoint is "one thing done correctly," not "fully configured." A new user who completes one guide and can see a result is ready to continue. A new user who is walked through ten decisions in one guide often abandons.

Troubleshooting guides invert the standard structure. Instead of starting with prerequisites, they start with a symptoms section — a specific list of what the customer is observing. The symptoms section qualifies the reader: customers who recognize their situation continue; customers who do not recognize it skip to the next guide. This prevents customers from following a resolution path for the wrong problem.

Product update guides compress the prerequisites section entirely — existing users know the product. The relevant context is a one-paragraph "what changed" note before step 1, telling users the scope of the change before they start following instructions.


Next Steps

The template structure and filled example in this article give you a format you can apply to your first guide immediately. For teams creating one or two guides, copy the structure and use the filled example as a reference.

For teams building a library of guides across a SaaS product: Trainn's step-by-step guide generator produces guides directly from a screen recording using the same seven-section structure above, with AI-generated content at each step. The template fills itself in.

For more on guide library decisions: 5 step-by-step guide examples from real SaaS products, how to automatically create step-by-step guides from screen recordings, and how to keep step-by-step guides consistent across a large team.


Frequently Asked Questions

What should a step-by-step guide template include?

Seven sections: title in action-outcome format, purpose statement (1 to 2 sentences on what the guide accomplishes and when to use it), prerequisites (access level, prior steps, estimated time), numbered steps (each with an annotated screenshot, one-sentence action description, and an optional result confirmation), expected outcome confirming what the customer has accomplished, troubleshooting in if/then format for predictable error states, and links to related guides. The first five sections are required in every guide. Troubleshooting and related guides are optional but significantly raise completion rates for complex workflows.

How many steps should a step-by-step guide have?

5 to 15 steps is the optimal range. Guides under 5 steps are often better served by a tooltip or FAQ entry. Guides over 15 steps should be split into phases, each with a defined completion point, rather than published as one long numbered list. Guides in the 10 to 12 step range have the highest completion rates. Guides over 15 steps see 35 to 40% higher abandonment rates compared to guides broken into shorter sub-tasks. (NN/g Research, 2024)

What is the difference between a step-by-step guide template and an SOP template?

A step-by-step guide template is built for the end user completing one specific workflow. It prioritizes screenshots, a defined endpoint, and a confirmation step so the customer knows they are done. An SOP (Standard Operating Procedure) template is built for internal documentation: it includes compliance context, role ownership, review cycle dates, and cross-references to related procedures. For customer-facing product documentation, a step-by-step guide template is the right format. SOPs serve a different audience with different information needs and should not be used interchangeably for customer-facing guides.

How do you keep a step-by-step guide template consistent across a team?

Template consistency across multiple contributors breaks down in three dimensions: visual (annotation style), voice (step description tone and terminology), and information (accuracy as the product changes). A style guide addresses voice on paper but does not enforce it under deadline pressure. The only reliable method at scale is a creation pipeline where AI generates step descriptions and visual treatment from the same process every time — making individual variation structurally difficult to introduce. Clip-based editing ensures that when the product changes, only the affected steps are updated and the rest of the guide stays consistent.

How do I update a step-by-step guide template when the product changes?

For manually maintained guides: identify which steps changed, retake screenshots for those steps, rewrite the affected descriptions, and republish. For a library of 50 guides, doing this across all affected guides after one product release takes 30 to 60 hours. Clip-based editing in tools like Trainn reduces that to under 2 hours by allowing teams to update only the changed steps without re-recording the full guide. For SaaS products that ship features regularly, the update maintenance approach matters as much as the template structure itself.


Ready to Trainn your customers?

  • Create videos & guides
  • Setup Knowledge Base
  • Launch an Academy
Get a Demo Trainn blogs