vicchi

This plugin allows you to refer to a WordPress shortcode within the content of posts and pages without that shortcode being automagically expanded by WordPress. The plugin takes advantage of the fact that the <a href="https://codex.wordpress.org/Shortcode_API" rel="nofollow ugc">WordPress ShortCode API</a> does not support nested shortcodes to allow this plugin’s shortcode to wrap the shortcode being documented.
<blockquote>
The shortcode parser uses a single pass on the post content. This means that if 
 the $content parameter of a shortcode handler contains another shortcode, it won’t 
 be parsed
</blockquote>
The plugin supports both the self closing <code>[shortcode]</code> and enclosing <code>[shortcode]content[/shortcode]</code> forms and supports a short form name of the shortcode, <code>[wp_scs]</code> as well as the more verbose <code>[wp_shortcode_shield]</code> form. For the sake of brevity, the remainder of this documentation will use the <code>[wp_scs]</code> short form name.
If using the self-closing form of the shortcode, you need to supply the name of the shortcode you are documenting using the <code>code</code> attribute but without using the enclosing <code>[</code> and <code>]</code> characters. This is because when parsing shortcodes, WordPress looks for the first occurrence of the ‘]’ character to terminate the shortcode. As a result of this, usage such as
<pre><code>[wp_scs code="[another-shortcode-name]"]
</code></pre>
… WordPress will use the ‘]’ character inside the <code>code</code> attribute to try and terminate the shortcode name, which is not what is desired. Instead, the plugin automagically adds the terminating ‘[‘ and ‘]’ characters to the plugin’s output, so that usage such as
<pre><code>[wp_scs code="another-shortcode-name"]
</code></pre>
… will display [another-shortcode-name] in your post’s of page’s content.
If you are using the enclosing form of the shortcode, you can either supply the shortcode to be documented with or without enclosing ‘[‘ and ‘]’ characters; if they are omitted, the plugin will add them for you, so that usage such as
<pre><code>[wp_scs][another-shortcode-name][/wp_scs]
</code></pre>
… and
<pre><code>[wp_scs]another-shortcode-name[/wp_scs]
</code></pre>
… will display the same results, namely [another-shortcode-name].
Finally a note of caution, you cannot mix the enclosing and self closing form of the plugin’s shortcode within the same post or page; this is not a limitation of the plugin, but the way in which WordPress implements the <a href="https://codex.wordpress.org/Shortcode_API" rel="nofollow ugc">ShortCode API</a> …
<blockquote>
The parser does not handle mixing of enclosing and non-enclosing forms of the same 
 shortcode as you would want it to. For example, if you have:
<code>[myshortcode example='non-enclosing' /] non-enclosed content [myshortcode] enclosed content 
 [/myshortcode]</code>
Instead of being treated as two shortcodes separated by the text ” non-enclosed content “, 
 the parser treats this as a single shortcode enclosing ” non-enclosed content [myshortcode] 
 enclosed content”.
</blockquote>

WP Shortcode Shield

Allows posts and pages to easily document WordPress shortcodes without the shortcode being expanded.

Freemius

Abu Hayat

bPlugins

Charles Cormier

Seamlessly organize your information into interactive steps or tabs.
<a href="https://bplugins.com/products/stepped-content/" rel="nofollow ugc">Stepped Content</a> | <a href="https://bplugins.com/products/stepped-content/pricing/" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://bplugins.com/products/stepped-content/#demos" rel="nofollow ugc">Demo</a>
<a href="https://bplugins.com/products/stepped-content/" rel="nofollow ugc">Stepped Content</a> 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.
<a href="https://bblockswp.com/demo/stepped-content/" rel="nofollow ugc">Demos</a>
<h3>Key Features – Free Version</h3>
Everything you need to build a clean and modern content display:
<ul>
<li>
Show the remaining duration needed to finish reading the content.
</li>
<li>
Set a custom height for the step content.
</li>
<li>
Customize the navbar with a custom title and colors.
</li>
<li>
Apply different colors to the sidebar menu.
</li>
<li>
Change the text color and background for each step.
</li>
<li>
Show or hide the step title, or set a custom title instead of the default.
</li>
<li>
Set custom colors for the Back, Next, and Done buttons.
</li>
</ul>
<h3>Pro Version – Unlock Premium Power</h3>
<a href="https://bplugins.com/products/stepped-content/pricing/" rel="nofollow ugc">Stepped Content Pro</a> adds precision filtering, layout enhancements, and deeper content control for advanced users and high-performing websites.
What’s Included in Pro:
<ul>
<li>
Show or hide the top navigation bar.
</li>
<li>
Change the sidebar theme for better appearance.
</li>
<li>
Customize Back button with icon, prev step title, or custom text.
</li>
<li>
Customize Next button with icon, next step title, or custom text.
</li>
<li>
Set custom text for the Done button.
</li>
<li>
Change the tab in which the Done button link opens.
</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the Stepped Content plugin</li>
<li>Add the Stepped Content block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For installation help click on Installation Tab
</li>
</ul>
<a href="https://bplugins.com/products/stepped-content/#demos" rel="nofollow ugc">Live Demo</a> | <a href="https://bplugins.com/products/stepped-content/pricing/" rel="nofollow ugc">Upgrade to Pro</a>
<h3>User Feedback</h3>
<h4>⭐⭐⭐⭐⭐ <a href="https://wordpress.org/support/topic/perfect-for-my-site-17/" rel="ugc">Perfect for my site</a></h4>
❛❛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.❜❜
–<a href="https://wordpress.org/support/users/carmit-segaluzh-ch/" rel="ugc">cs</a>
<h4>– Did you like this plugin? Dislike it? Have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></h4>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.

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

A powerful Gutenberg plugin for WordPress, revolutionizes content presentation. Seamlessly organize your information into interactive steps or tabs.

WP Shortcode Shield vs Stepped Content – Organize Content into Step-by-Step Format