=== Stepped Content – guide readers through content one step at a time === Contributors: bplugins, abuhayat, charlescormier Tags: block, stepped, documentation, stepped content, gutenberg block Tested up to: 7.1 Stable tag: 1.0.7 Requires PHP: 7.4 Requires at least: 6.5 Donate link: https://www.buymeacoffee.com/abuhayat License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Break long content into interactive steps or tabs in Gutenberg – perfect for tutorials, onboarding flows, documentation, guides, and courses. == Description == **Turn overwhelming walls of text into engaging, guided steps your readers actually finish.** [**Stepped Content**](https://bplugins.com/products/stepped-content/) | [**Pricing**](https://bplugins.com/products/stepped-content/pricing/) | [**Support**](https://bplugins.com/support/) | [**Demo**](https://bplugins.com/products/stepped-content/#demos) ### Why Stepped Content? Long pages lose readers. **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 break information into simple, digestible sections – boosting readability and user engagement. https://youtube.com/watch?v=JbzoE-_RITM 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 – all from the block editor, no coding required. [**Demos**](https://bblockswp.com/demo/stepped-content/) ### Free Features - **Reading Time Indicator:** Show the remaining duration needed to finish reading the content. - **Custom Step Height:** Set a custom height for the step content. - **Navbar Customization:** Customize the navbar with a custom title and colors. - **Sidebar Colors:** Apply different colors to the sidebar menu. - **Per-Step Styling:** Change the text color and background for each step. - **Step Titles:** Show or hide the step title, or set a custom title instead of the default. - **Button Colors:** Set custom colors for the Back, Next, and Done buttons. ### Pro Version – Unlock Premium Power [**Stepped Content Pro**](https://bplugins.com/products/stepped-content/pricing/) adds layout enhancements and deeper content control for advanced users. **Pro features include:** - **Navigation Bar Toggle:** Show or hide the top navigation bar. - **Sidebar Themes:** Change the sidebar theme for better appearance. - **Custom Back Button:** Use an icon, the previous step title, or custom text. - **Custom Next Button:** Use an icon, the next step title, or custom text. - **Custom Done Button:** Set custom text for the Done button. - **Done Button Target:** Choose whether the Done button link opens in a new or current tab. ### How to Use – Quick Start 1. Install and activate the **Stepped Content** plugin. 2. In the Gutenberg editor, add the **Stepped Content** block from the "Widgets" block category. 3. Add your steps and adjust settings from the right-side settings sidebar. 4. Publish and enjoy! [**Live Demo**](https://bplugins.com/products/stepped-content/#demos) | [**Upgrade to Pro**](https://bplugins.com/products/stepped-content/pricing/) ### Use Cases - **Tutorials & How-Tos:** Walk readers through processes one step at a time. - **Onboarding Flows:** Guide new users or customers through setup. - **Documentation:** Organize product docs into clear, navigable sections. - **Lessons & Courses:** Deliver learning material in digestible steps. - **Feature Walkthroughs:** Present product features as a guided tour. ### User Feedback #### ⭐⭐⭐⭐⭐ [Perfect for my site](https://wordpress.org/support/topic/perfect-for-my-site-17/) ❛❛***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](https://wordpress.org/support/users/carmit-segaluzh-ch/)*** Did you like this plugin? Have a feature request? [Please share your feedback with us](mailto:support@bplugins.com 'Send feedback') ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. == Installation == **From your WordPress dashboard (recommended):** 1. Go to **Plugins → Add New**. 2. Search for **"Stepped Content"**. 3. Click **Install Now**, then **Activate**. 4. Add the **Stepped Content** block to any post or page from the Gutenberg editor. **Manual installation:** 1. Download the **Stepped Content** plugin (*.zip file*). 2. In your admin area, go to **Plugins → Add New** and click **Upload Plugin**. 3. Choose the plugin **.zip** file and click **Install Now**. 4. Activate the plugin through the **Plugins** menu in WordPress. == Frequently Asked Questions == = What is Stepped Content? = Stepped Content is a Gutenberg plugin that breaks long content into interactive steps or tabs, improving clarity and user engagement. = Do I need coding skills to use it? = No. All customization options are available directly in the Gutenberg editor with simple visual controls. = Can I customize the design? = Yes. You can customize colors, backgrounds, titles, buttons, themes, and step layouts with ease. = Can I customize the Back, Next, and Done buttons? = Yes. The free version lets you set custom colors for all three buttons. The Pro version adds icons, step-title labels, and fully custom text. = Does it work with any WordPress theme? = Yes. Stepped Content is compatible with all modern, well-coded WordPress themes. = Is there a free version? = Yes. Many core features are available for free, with additional advanced options unlocked in Pro. = Can I hide step titles? = Absolutely. You can show, hide, or replace step titles with custom text. = Does it affect website speed? = No. The plugin is lightweight and optimized for performance, ensuring fast loading and smooth transitions. = Is the reading duration accurate? = Reading time is estimated using industry-standard methods based on average reading speed. = Can I control the Done button behavior? = Yes. You can choose whether the Done button opens a link in a new tab or the current tab. = Can I use it for tutorials or onboarding? = Yes! It's perfect for tutorials, onboarding flows, documentation, lessons, courses, and multi-step guides. = Where can I get support? = You can post your questions on the [support forum here](https://wordpress.org/support/plugin/stepped-content/) == Screenshots == 1. Settings 2. Stepped Content == Third-Party Libraries == This plugin bundles the following third-party JavaScript/PHP libraries. = Freemius Lite SDK = * **Source:** [https://bplugins.com/](https://bplugins.com/) * **GitHub:** [https://github.com/bPlugins/freemius-lite-sdk](https://github.com/bPlugins/freemius-lite-sdk) * **License:** GPL-2.0-or-later – [https://www.gnu.org/licenses/gpl-2.0.html](https://www.gnu.org/licenses/gpl-2.0.html) * **Purpose:** Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent. * **External Services:** Communicates with `api.bplugins.com` (activation events) and `wp.freemius.com` (opt-in processing) only after user opt-in. See [bPlugins Privacy Policy](https://bplugins.com/privacy-policy) and [Freemius Privacy Policy](https://freemius.com/privacy/). = Freemius SDK = * **Source:** [https://freemius.com/](https://freemius.com/) * **GitHub:** [https://github.com/Freemius/wordpress-sdk](https://github.com/Freemius/wordpress-sdk) * **License:** GPLv3 – [https://github.com/Freemius/wordpress-sdk/blob/master/LICENSE.txt](https://github.com/Freemius/wordpress-sdk/blob/master/LICENSE.txt) * **Purpose:** Provides opt-in usage tracking and analytics to help improve the plugin. = bpl-tools = * Source / GitHub: https://github.com/bPlugins/bpl-tools * License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html * Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. * External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests--why-they-are-made == Changelog == = 1.0.7 - 13 Jun 2026 = * **Update:** SDK * **Update:** Performance Improvement = 1.0.6 - 04 Mar 2026 = * **Update:** Admin Dashboard - Improved UI with better navigation and clearer feature organization. = 1.0.5 - 30 Nov 2025 = * **New:** Add Admin Dashboard. * **Update:** Performance Improvement. = 1.0.4 - 27 Jan 2025 = * **Update:** SDK. = 1.0.3 - 04 Jul 2024 = * Fix the title visible issue. = 1.0.2 - 29 Jun 2024 = * Upgrade for multiple features. = 1.0.1 - 7 Jan 2024 = * Performance Improvement. = 1.0.0 = * Initial Release.