How to Add Step & Accordion Blocks

ProProfs Training Maker lets you break down content-heavy lessons with Step and Accordion blocks—ideal when you want to present 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:

• Design intuitive learning courses

• 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

Accordion Block: When to Use It

Use the Accordion block to condense text into expandable sections—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.