How to Add Step & Accordion Blocks
ProProfs Training Maker lets you break down content-heavy lessons with Step and Accordion blocks, ideal for presenting detailed information without overwhelming learners.
These blocks help:
-
Organize content in a way that's easy to scan
-
Improve course flow without long scrolling
-
Encourage interaction to boost retention
-
Save screen space for mobile and desktop learners alike
1. Step Block
The "Step" block lets you add information as slides. You may use this block type to explain the steps to accomplish something. The learner clicks the ("<" ">") to move between the slides.
2. Accordion Block
The "Accordion" block stacks learning content on top of each other, saving you screen space with show/hide (+-) icons to click to reveal. The learner expands an accordion to reveal information.
Example: How These Blocks Appear to a Leaner:
Adding these interactive blocks lets you:
-
Make your text-heavy courses scannable & consumable
-
Encourage user interaction & improve knowledge retention
-
Present more information in less screen space
Here's a quick video guide showing how to add these blocks in your course:
Step Block: When to Use It
Use the Step block to walk learners through a process or sequence, one point per slide. It's commonly used for:
-
Standard Operating Procedures (SOPs)
-
How-tos and checklists
-
Timeline-based training
Learners use arrow buttons to move between steps.
How to Add a Step Block
Step 1: On a page, click the + icon to reveal the side panel and select Step from the options.
Step 2: Edit each slide:
-
Replace the placeholder image and text
-
Rename slides using the Settings button
-
Add or remove slides as needed
-
Reorder the block on the page using the arrows
Tip: If you're previewing and slides aren't appearing, check that all slides have content or try refreshing the preview window.
Accordion Block: When to Use It
Use the Accordion block to condense text into expandable sections, which are great for FAQs, definitions, or policy summaries.
It's helpful for:
-
Keeping modules compact
-
Presenting optional reading
-
Reducing visual clutter in compliance-heavy or onboarding courses
Learners click each title to reveal or hide the text beneath.
How to Add an Accordion Block
Step 1: On the page, click the + icon in the section to reveal the side panel and select "Accordion" from the options.
Step 2: Customize the block:
-
Give it a clear heading
-
Replace or remove any default text, sub-sections, or images
-
Rearrange its position using arrows or delete the block if needed
Common Use Case Highlights
Many ProProfs users in industries like healthcare, real estate, and compliance use these blocks to:
-
Split long onboarding modules into digestible sections
-
Avoid dense paragraphs by segmenting into click-to-reveal items
-
Build repeatable instructional flows without designing from scratch
FAQs
Can I duplicate Step or Accordion blocks for reuse?
No, direct duplication isn't available yet. You’ll need to recreate the blocks manually.
Why aren't my accordions showing in Preview?
Ensure each accordion section has saved content. You can also try refreshing the preview screen.
Can team members leave comments on these blocks?
Comments and collaboration are not supported within the course editor. For now, feedback must be shared externally.