Icon Tabs Widget for Elementor
PRO

Icon Tabs Widget for Elementor

Icon Tabs widget enhances your website’s user experience by allowing seamless organization and presentation of content through a user-friendly, interactive tabbed layout.

Choose Template
Icon Tabs with Food Items
Icon Tabs with Food Item…
Icon Tabs for Delivery Information
Icon Tabs for Delivery I…
Icon Tabs with Remote Arrows
Icon Tabs with Remote Ar…
Icon Tabs with the Remote Bullets
Icon Tabs with Remote Bu…
Icon Tabs with Donut Variations
Icon Tabs with Donut Var…
Loading…
Facebook
Twitter
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Icons and Text in Tabs

Add Stunning Icons and Text to Your Tabs

Combine icons and text effortlessly to design visually striking tabs that grab attention, enhance navigation, and elevate user engagement with a modern, polished look.

Responsive and User-Friendly

Tabs That Adapt Perfectly to Every Device

Transform tabs into a smooth accordion layout on mobile screens for flawless usability. Enjoy a responsive design that keeps content accessible and perfectly optimized on any device or resolution. 

Flexible Layout and Customization

Vertical or Horizontal Tabs, Fully Customizable

Choose between horizontal or vertical layouts to suit your design needs. Fine-tune alignment, icons, animations, and text styles to create stylish tabs that seamlessly match your site’s look and user flow.

Step by Step Tutorial

Learn How It Works?

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

Icon Tabs Frequently Asked Questions

What are Icon Tabs in an Elementor website?

The Icon Tabs widget allows you to create tabbed content with icons for a sleek and organized look. It is perfect for displaying information in a compact and visually appealing way, helping users easily navigate through multiple sections.

How do I add Icon Tabs to my Elementor website?

This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website. 

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

The Icon Tabs widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now.

Can I show WooCommerce products in the Icon 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 Icon 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 Icon 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 Icon Tabs?

Definitely! The Icon 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 Icon Tabs?

Yes, the Icon 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 Icon Tabs?

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

How do I use the Icon Tabs in Elementor?

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