Stepped Content – Organize Content into Step-by-Step Format

Seamlessly organize your information into interactive steps or tabs in your website.

Stepped Content | Pricing | Support | Demo

Stepped Content is a powerful Gutenberg plugin that transforms long content into engaging, guided steps. Instead of overwhelming visitors with large blocks of text, you can break information into simple, digestible sections, boosting readability and user engagement.

Whether you’re creating tutorials, onboarding flows, guides, lessons, courses, or feature walkthroughs, Stepped Content gives you clean navigation, customizable layouts, and flexible design controls.

Demos

Key Features – Free Version

Everything you need to build a clean and modern content display:

• Show the remaining duration needed to finish reading the content.

• Set a custom height for the step content.

• Customize the navbar with a custom title and colors.

• Apply different colors to the sidebar menu.

• Change the text color and background for each step.

• Show or hide the step title, or set a custom title instead of the default.

• Set custom colors for the Back, Next, and Done buttons.

Pro Version – Unlock Premium Power

Stepped Content Pro adds precision filtering, layout enhancements, and deeper content control for advanced users and high-performing websites.

What’s Included in Pro:

• Show or hide the top navigation bar.

• Change the sidebar theme for better appearance.

• Customize Back button with icon, prev step title, or custom text.

• Customize Next button with icon, next step title, or custom text.

• Set custom text for the Done button.

• Change the tab in which the Done button link opens.

How to use

• First, install the Stepped Content plugin
• Add the Stepped Content block from the block category called “Widgets” in the Gutenberg editor.
• You can change block settings from the right-side settings sidebar.

• Enjoy!

• For installation help click on Installation Tab

Live Demo | Upgrade to Pro

User Feedback

⭐⭐⭐⭐⭐ Perfect for my site

❛❛I needed some specialized version of the stepped content plugin and contacted support. Within a week they added the features I needed to their premium version, which was more than I expected. It works perfectly.❜❜

–cs

– Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us

Check out the Parent Plugin of this plugin-

B Blocks – A blocks collection and page building tool for Gutenberg.

Check out our other WordPress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

From Gutenberg Editor:

1. Go to the WordPress Block/Gutenberg Editor
2. Search For Stepped Content
3. Click on the Stepped Content to add the block

Download & Upload:

1. Download the Stepped Content plugin (.zip file)
2. In your admin area, go to the Plugins menu and click on Add New
3. Click on Upload Plugin and choose the step.zip file and click on Install Now
4. Activate the plugin and Enjoy!

Manually:

1. Download and upload the Stepped Content plugin to the /wp-content/plugins/ directory
2. Activate the plugin through the Plugins menu in WordPress