Content Tabs Block for WordPress
The Content Tabs block enables users to switch between various content types on your website. It organizes headings and related content, creating a user-friendly page structure.
Content Tabs Settings
Enhance Your WordPress Tabs
Content Tabs Styles
Content Tabs Customization with Colors, Text, Icons
Dynamic Content
The Power of Multiple Dynamic Source Types
Sync blocks Together
Craft Customized Flexible Layouts
Remote Controls
Total Design Freedom with Connected Blocks
Responsive Settings
Optimal Viewing Across Devices
Set URL Hash
Direct Navigation to Tab Items
Content Tabs Frequently Asked Questions
The Content Tabs block allows you to organize and display content within tabs, creating a clean and interactive way to present information. Users can switch between tabs to access different sections of content without leaving the page. This block is ideal for FAQs, feature comparisons, or any scenario where you need to display segmented information.
This block is available in the Unlimited Elements Free version.
- Go to the Unlimited Elements Block Library.
- Search in the search bar for “Content Tabs”.
- Hover over the block in the search results and click Install.
- Add the “Content Tabs” block to any WordPress Page.
Yes, the Content Tabs block is available for free in the UE Blocks library. You can access and use this block in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.
Absolutely! You can easily showcase your WooCommerce products directly within the tabs to create an interactive shopping experience. With WooCommerce as the source, you can query products using options like Custom Query, Current Product Query, Related Products, and Manual Selection.
You can also connect powerful filters to refine the experience, including Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, Price Range, Color Swatches, and Alphabet Filters.
Absolutely! You can showcase WordPress posts or custom post types dynamically within the tabs. Query options include Custom Query, Current Post Query, Related Posts, and Manual Selection.
You can also connect powerful filters, such as Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, and Alphabet Filters.
Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters:
- Search Filter: Transform the search experience with a live search that gives instant results.
- Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display.
- Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches.
- Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display.
- Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort.
- Pagination: Enhance the browsing experience with smooth navigation between post results.
- Load More / Infinite Scroll: Improve user interaction in your product blocks using a Load More Button or Infinite Scroll.
- Active Filter: Display the selected filters and reset them easily for user convenience.
- Clear Filters: Let users easily clear all selected filters with one quick and easy click.
- Post Query Summary: Provides quick feedback by displaying the number of posts or pages found.
Definitely! The Content Tabs block supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.
Yes, the Content Tabs block supports importing data from CSV files, making it versatile for various use cases.
Of course! You can easily display JSON file data within the Content Tabs to create dynamic content layouts.
Using the Content Tabs is straightforward. Drag the block into your page, configure your tabs and content settings, and style it to match your design.
You can achieve this by setting a URL Hash for each tab item. This allows direct navigation to specific tabs using external links by assigning a unique ID to each tab. When a user clicks on a tab, the page URL updates dynamically with the corresponding hash, ensuring seamless navigation and easy access to desired content.
