Tabbed Slider [+ only]
A content slider with tab and arrow navigation.
Note: This module is only available in Framework+, a paid version of Framework.
View a live demo of this module.
Content
- Add up to 3 tabs with label, image, text, and call-to-actions.
Styles
- Set dark mode
- Change text alignment
- Customize list styling
Usage Guide
The Tabbed Slider module is designed for SaaS and technology companies that need to showcase multiple features, products, or services in a compact, interactive format. This module works particularly well on homepage hero sections, product feature pages, and service overview pages where you want to highlight key benefits without overwhelming visitors with too much information at once.
When you drag this module from the HubSpot page editor sidebar onto your page, you’ll be able to create an engaging content experience that encourages user interaction. The tab navigation allows visitors to explore different content sections at their own pace, making it ideal for comparison content, product feature breakdowns, or customer success stories.
Best practices for content organization: Use the three available tabs strategically by focusing each one on a distinct value proposition or feature. The combination of images, text, and call-to-action buttons in each tab makes this module perfect for driving conversions while maintaining visual appeal. Consider using the first tab for your primary message, with the second and third tabs supporting that main narrative.
The module’s responsive design ensures your tabbed content displays properly across all devices, automatically adjusting the layout for mobile users. You can access the dark mode setting through the module’s style options in the page editor, which is particularly useful for maintaining consistency with Framework’s clean, developer-friendly aesthetic.
For optimal performance, ensure your tab images are properly optimized before uploading them through HubSpot’s file manager. The arrow navigation provides an additional way for users to browse content, making the module accessible to users who prefer clicking arrows over tab labels.