Taber is a versatile Elementor add-on designed to solve one of the biggest challenges in web design: organizing dense information without creating "the wall of text." If you're using any of the technical kits we discussed (like Darmali for construction or Duha for engineering), Taber is the perfect tool to categorize complex data like "Technical Specifications," "Safety Certifications," or "Project Timelines" into a compact, interactive space.
While Elementor has a native "Tabs" widget, Taber goes several steps further:
Nested Tabs: You can actually place other Elementor widgets inside the tabs. This means a tab can hold a gallery, a contact form, or even another layout.
Vertical & Horizontal Layouts: Switch between top-navigation tabs or side-navigation "sidebars" with one click.
Custom Icons: Easily add icons to tab titles to make the navigation more intuitive (e.g., a "wrench" icon for the Service tab).
Advanced Animations: Includes smooth transitions and hover effects that make the site feel more "app-like" and responsive.
Since Taber is an extension, it integrates directly into your Elementor sidebar.
Installation: Install and activate the Taber for Elementor plugin.
The Widget: Open your page in Elementor and search for the "Taber" widget.
Content Selection: You can choose between "Custom Content" (where you type directly into the tab) or "Saved Templates."
Pro Tip: Use "Saved Templates" to build a complex layout in the Elementor Template Library first, then simply "call" it into a tab. This keeps your page editor from becoming laggy.
Styling: Under the Style tab, you can customize the active/inactive colors, border-radius (rounded corners), and typography to match your kit’s branding.
For Vine Gloss (Winery): Use tabs to separate "Tasting Notes," "Vineyard History," and "Food Pairings" on a single product page.
For Baek (Bike Repair): Use tabs to show different service levels: "Basic Tune-up" | "Advanced Overhaul" | "Pro Racing Prep."
For Neema (Business Coach): Create a "How It Works" section with tabs for "Phase 1: Discovery," "Phase 2: Strategy," and "Phase 3: Growth."
Because Taber allows you to load a lot of content into a single section, be mindful of Page Weight. If every tab contains high-resolution images, the initial page load might be slow.
Recommendation: Use optimized WebP images and try to limit the number of "heavy" widgets (like Google Maps or Video Players) inside the tabs.
Would you like me to help you design a "Technical Specs" tab layout for one of your industrial projects, or are you having trouble getting the Taber styles to match your theme's colors?
Subscribe to access unlimited downloads of themes, videos, graphics, plugins, and more premium assets for your creative needs.
.jpg)
Help Us to Buy More New Theme/Plugin
