Content Tabs Widget for Elementor
FREE

Content Tabs Widget for Elementor

The Content Tabs widget enables users to switch between various content types on your website. It organizes headings and related content, creating a user-friendly page structure.

Choose Template
Content Tabs with Pricing Plans
Content Tabs with Pricing…
Content Tabs with Details of a Product
Content Tabs with Details…
Content Tabs with Templates as Content
Content Tabs with Templates…
Content Tabs as Horizontal Tabs
Content Tabs as Horizontal…
Content Tabs with Collapsed Content
Content Tabs with Collapsed…
Content Tabs with Remote Control
Content Tabs with Remote…
Content Tabs with a Connected Carousel
Content Tabs with a Connected…
Content Tabs with Insurance Types
Content Tabs with Insurance…
Content Tabs as Vertical Tabs
Content Tabs as Vertical…
Content Tabs with Makeup Essentials
Content Tabs with Makeup…
Content Tabs with Yoga Poses
Content Tabs with Yoga P…
Card Carousel with Content Tabs
Card Carousel with Content…
Frame 192
Hourly weather
Loading…
Facebook
Twitter
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Content Tabs Settings

Enhance Your Elementor Tabs

Easily customize your Elementor website’s tabs with essential settings for unique designs. Adjust tab layout, alignment, collapse behavior, URL hashes, and tab size equality to create visually appealing and user-friendly navigation elements.

Content Tabs Styles

Content Tabs Customization with Colors, Text, Icons

Refine your tab aesthetics by adjusting colors to seamlessly blend with your site’s design. Personalize text, icons, fonts, and layout to ensure your tabs not only look perfect but also function exactly as desired.

Dynamic Content

The Power of Multiple Dynamic Source Types

Effortlessly incorporate dynamic data into tab items, supporting various types such as WordPress posts, Woo products, CSV and JSON files, ACF repeater fields, API integrations, and more. Our solution is designed to flexibly adapt to your specific dynamic content needs.

Sync Widgets Together

Craft Customized Flexible Layouts

Elevate your web designs by seamlessly synchronizing two or more item-based widgets. This enables you to effortlessly create sophisticated and personalized layouts, taking your design capabilities to the next level. 

Remote Controls

Total Design Freedom with Connected Widgets

Easily design unique layouts with Remote Control Widgets. Take full control of your design, making your website stand out with precision.

Responsive Settings

Optimal Viewing Across Devices

Ensure seamless content display across all devices with responsive settings. Specify collapsible accordion tabs for optimal viewing on various screen sizes, ensuring your content looks polished regardless of device.

Set URL Hash

Direct Navigation to Tab Items

Enable navigation to a specific tab item using external links by assigning a unique ID to each tab. Upon clicking the item, the URL of the page changes accordingly. This ensures seamless integration and efficient access to desired content.

Step by Step Tutorial

Learn How It Works?

Learn how to use the Content Tabs Widget with this video tutorial. Master each step at your own pace effortlessly.

Content Tabs Frequently Asked Questions

What are Content Tabs in an Elementor website?

The Content Tabs widget 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 widget is ideal for FAQs, feature comparisons, or any scenario where you need to display segmented information.

How do I add Content Tabs to my Elementor website?

This widget is free for all users who have the Unlimited Elements installed and activated on their WordPress website. 

  1. Go to the Unlimited Elements Widget Library. 
  2. Search in the search bar for “Content Tabs”. 
  3. Hover over the widget in the search results and click Install. 
  4. Add the “Content Tabs” widget to any Elementor Page.
Are the Content Tabs a free widget?

Yes, the Content Tabs widget is free for all as it is included in the Unlimited Elements free version.

Can I show WooCommerce products in the Content Tabs?

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.

Can I show WordPress posts or custom post types in the Content Tabs?

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.

Can I add filters to the Content Tabs?

Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters: 

  1. Search Filter: Transform the search experience with a live search that gives instant results. 
  2. Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display. 
  3. Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches. 
  4. Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display. 
  5. Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort. 
  6. Pagination: Enhance the browsing experience with smooth navigation between post results.
  7. Load More / Infinite Scroll: Improve user interaction in your product widgets using a Load More Button or Infinite Scroll. 
  8. Active Filter: Display the selected filters and reset them easily for user convenience. 
  9. Clear Filters: Let users easily clear all selected filters with one quick and easy click. 
  10. Post Query Summary: Provides quick feedback by displaying the number of posts or pages found. 


Click here to Learn More.

Can I show an ACF Repeater in the Content Tabs?

Definitely! The Content Tabs widget supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.

Can I show data from a CSV file in the Content Tabs?

Yes, the Content Tabs widget supports importing data from CSV files, making it versatile for various use cases.

Can I show data from a JSON file in the Content Tabs?

Of course! You can easily display JSON file data within the Content Tabs to create dynamic content layouts.

How do I use the Content Tabs in Elementor?

Using the Content Tabs is straightforward. Drag the widget into your page, configure your tabs and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.