If you’re into content creation or simply running a website, you might have faced the problem of putting out tons of information without overwhelming your audience. You might want to hide some of your content and give the visitors the liberty of checking the rest by clicking a link/button.
When a user clicks the link, they get access to the hidden stuff. It saves space and keeps user interest in the post/page. This way, you’ll be able to pack in a lot of information in a single post/page without it getting too long.
If you’ve never done it before and aren’t sure how, this little tutorial will help. And if you already know that, great. Then you’re probably looking for some good plugins for that. There are some really amazing plugins available that will allow you to easily add that kind of ‘show and hide’ content to your post. This blog covers the best show/hide plugins, what they offer, and what they don’t. Check them out.
Our first pick is, of course, Ultimate Blocks, which I personally think works the best. It’s a block plugin with over 20 custom blocks that extend the Gutenberg editors’ functionality. They have two different blocks for showing or hiding your content: Content Toggle and Expand.
Using the Content Toggle block, you can add different types of content to your accordion. It can be used for FAQs, Collapsed/Expandable Content, and many other things. The intuitive drag-and-drop interface makes it so much easier to create intriguing accordions.
You can custom position your toggle status icon to the left or right. Also, it lets you create multi-level or nested accordions. You can also customize the color of the container, title, initial state, and other block properties. You can use this block to create two types of accordions: collapsed and opened accordions.
When you use the Content Toggle block to create Collapsed Accordions, your content usually looks like this-
And when you use the block to create Opened Accordions your content looks like this-
The Expand block seems more straightforward. It lets you hide a section of your page/post under a Show More or Read More text. When the user clicks on the text, the hidden stuff is revealed. Visitors can also hide the content by clicking the ‘Show Less’ button.
- 20+ Custom Gutenberg Blocks
- Responsive Design and Easy to Use
- Pre-designed Templates
- Enable/Disable Individual Blocks
- Lightweight and Fast
As for the pricing, there are both free and premium versions. You can get the pro version on the website; they offer three different plans: $49/year, $69/year, and $349/once. Choose one and you’re all set. And they offer a 14-day money-back guarantee too.
Next up we have Show-Hide / Collapse-Expand, another good option to consider. You can easily show/hide content, collapse/expand lists, add quizzes, and collapse widgets with this plugin, among other things.
By reducing clutter from pages, this plugin creates a clean and organized website with the most minimalist layout. You can use this to create interactive quizzes and FAQs, making it effortless to give users interactive and useful content. You can even hide the responses from your visitors based on the conditions you set.
Its user-friendly interface allows you to easily insert shortcodes using the TinyMCE button in the WordPress editor, allowing you to add expandable and collapsible content sections. There are plenty of customization options for the looks and functionality of the show/hide elements.
In short, its features, which include content show/hide, list collapsing/expanding, quiz creation, and widget collapse, help you to create a neat and interactive user experience.
- Collapse/Expand using jQuery Effects
- Collapse/Expand lists
- Easily add FAQs
- Add hidden answers to quizzes
- Collapse widgets to declutter sidebars
- Nest up to 3 levels of collapsible content
- Easy customization
- Shortcode support
You can use this plugin for free. But they do have a pro version too.
Lastly, we have WP-ShowHide. It’s pretty easy to use; with this plugin, anyone with no coding skills can easily show or hide certain content portions, as well as create collapsible sections or expandable content areas.
It allows you to add show/hide functionality to any area of your site through seamless shortcode integration. Using these shortcodes, you can easily control the visibility of information within posts, pages, widgets, or custom posts.
You have full control over the button text for each show/hide element, allowing you to personalize it to match the branding or aesthetic of your website. You can even use multiple show/hide components on the same page or post.
Its fluid animation creates visually appealing transitions between show and hidden modes. It also focuses on usability and SEO friendliness. The plugin’s hooks and filters, giving more customization options, are bound to please developers.
- Customizable Button Text
- Shortcode Integration
- Multiple Show/Hide Elements
- Smooth Animations
- Customize the “Show Content” text through CSS
- Responsive Design
WP-ShowHide is totally free.
And that’s a wrap. These are our top 3 recommendations for show/hide plugins. We’ve compiled a very short list of the top WordPress show/hide plugins, each with its own set of features, pros and cons. Take some time to try them out, and find the best fit for what you want.
See it’s up to you to decide which is the best one out there. But if you want to be totally carefree about this showing or hiding content thing, I would suggest just going for Ultimate Blocks, which is equally reliable and easy to use.
Thank you for joining in today. Hope this helped, don’t forget to share if it did!