Elegant Tabs for Cornerstone — is a premium addon designed to extend the functionality of the Cornerstone page builder. It provides a sophisticated and user-friendly element for creating beautiful tabbed content sections. Whether you need to display product features, company services, or FAQs, this plugin offers a seamless way to organize large amounts of information in a compact and visually appealing manner, improving content readability and user engagement on your site.
With a vast array of customization options, you can control every aspect of your tabs' appearance. Choose from horizontal or vertical layouts, select from multiple pre-designed styles, or create your own unique look with unlimited color options and advanced typography settings. The plugin is fully responsive, ensuring your tabbed content looks perfect on any device, from desktops to smartphones. It also supports rich content, including shortcodes and other Cornerstone elements, giving you complete creative freedom.
Why this is important
In today's fast-paced digital world, user attention is a scarce resource. Studies show that the average user leaves a web page in just 10-20 seconds. If your content is presented as a dense "wall of text," you risk losing over 79% of visitors who only scan pages. This directly impacts engagement, conversions, and bounce rates.
Elegant Tabs for Cornerstone solves this problem by allowing you to structure complex information into digestible, interactive chunks. By organizing content into tabs, you declutter the page, improve the user journey, and make it easier for visitors to find exactly what they're looking for. This can lead to a 30-40% increase in time on page and a significant reduction in bounce rate, signaling to search engines that your content is valuable and user-friendly.
Features
- 10+ professional tab style presets to get started quickly.
- Fully responsive and mobile-friendly layouts for all devices.
- Support for both horizontal and vertical tab orientations.
- Unlimited color and typography customization options for perfect brand matching.
- Ability to place any Cornerstone element or shortcode inside tab content.
- Icon support for tab titles with a built-in icon library.
- Justified tabs for a clean, grid-like appearance.
- Deep-linking functionality to link directly to a specific tab.
- Smooth CSS3 transition effects for tab content.
- User-friendly interface fully integrated into the Cornerstone builder.
Free vs. Pro Version Comparison
| Feature | Free Version (This one) | Official Pro Version |
|---|---|---|
| Basic Tab Styles | ✔️ (3 styles) | ✔️ (10+ styles) |
| Responsive Layout | ✔️ | ✔️ |
| Horizontal Tabs | ✔️ | ✔️ |
| Vertical Tabs | ❌ | ✔️ |
| Custom Colors | ✔️ | ✔️ (Advanced controls) |
| Icon Support | ❌ | ✔️ |
| Deep Linking | ❌ | ✔️ |
| Content Animations | ❌ | ✔️ |
| Dedicated Support | ❌ (Community only) | ✔️ (Priority support) |
| Automatic Updates | ❌ (Manual update required) | ✔️ |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
Can I use other Cornerstone elements inside the tabs?
Absolutely. Elegant Tabs is designed to be fully compatible with the Cornerstone ecosystem. You can drag and drop any standard Cornerstone element, such as text blocks, images, buttons, or even complex elements like sliders and forms, directly into the content area of each tab. This gives you maximum flexibility to create rich, interactive tabbed content.
Are the tabs created with this plugin SEO-friendly?
Yes, they are. The content within all tabs is present in the HTML of the page when it loads, making it fully accessible to search engine crawlers like Google. The tab functionality simply controls the visibility of the content for the user. This means you don't have to worry about hiding important keywords or information from search engines.
How do I change the tabs from a horizontal to a vertical layout?
Changing the orientation is simple and can be done right from the element's settings in Cornerstone. After adding the "Elegant Tabs" element to your page, click on it to open its options panel. You will find a "Layout" or "Orientation" setting where you can easily switch between horizontal and vertical displays with a single click. Note that this feature may be exclusive to the pro version.
Will this plugin slow down my website?
Elegant Tabs for Cornerstone is built with performance in mind. It uses clean, efficient code and only loads its assets (CSS and JavaScript) on pages where the tab element is actually used. This ensures a minimal impact on your site's overall loading speed. As with any plugin, the complexity of the content you place inside the tabs can affect performance, but the plugin itself is lightweight.
