--- title: Tabs Module description: Navigate AGILE's Tabs Module guide. Implement organized content display with versatile tab functionalities for a seamless user experience. --- ## Tabs The Tabs Module in AGILE offers a versatile way to organize and present content on your HubSpot website. This module allows you to display information in a tabbed format, presenting various sections or categories of content within a confined space. ## FAQs ### How many tabs can I include in a single module? The number of tabs might vary based on the platform's capabilities, but typically, the module accommodates multiple tabs, allowing for the presentation of various sections of content. ### What is the main purpose of using the Tabs Module in AGILE? The Tabs Module is primarily used to organize and present diverse content in a tabbed format, allowing users to navigate through different sections or categories conveniently. ## Getting Started Inside the editing interface, utilize the Finder or search bar, inputting 'Tabs' to locate the Tabs Module, then seamlessly integrate it into your page for customization. ![Screenshot 2024-01-05 at 5.14.24 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.14.24%20PM.webp?width=500&height=456&name=Screenshot%202024-01-05%20at%205.14.24%20PM.webp) ##### a. Finder → Tabs ![Screenshot 2024-01-05 at 5.14.39 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.14.39%20PM.webp?width=500&height=456&name=Screenshot%202024-01-05%20at%205.14.39%20PM.webp) ##### b. Choose a variation ![Screenshot 2024-01-05 at 5.14.48 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.14.48%20PM.webp?width=500&height=456&name=Screenshot%202024-01-05%20at%205.14.48%20PM.webp) ##### c. Choose Size ## Adding Content Here's a step-by-step guide to adding tabs within the Tabs Module: **Adding a Title and Subtitle:** Begin by entering a title and subtitle for the overall section or category that the tabs will represent. This helps users understand the context of the content within the tabs. **Adding Tabs: **Go to the list items section and click "Add" to include a new tab. Repeat this step to add multiple tabs based on your content organization needs. **Editing Tab Content: **To customize the content within each tab, select the tab you wish to edit. Then, add a title, description, and any relevant imagery or media content to populate that specific tab. ![Screenshot 2024-01-05 at 5.17.11 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.17.11%20PM.webp?width=500&height=528&name=Screenshot%202024-01-05%20at%205.17.11%20PM.webp) ![Screenshot 2024-01-05 at 5.17.19 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.17.19%20PM.webp?width=500&height=528&name=Screenshot%202024-01-05%20at%205.17.19%20PM.webp) ![Screenshot 2024-01-05 at 5.17.47 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.17.47%20PM.webp?width=500&height=528&name=Screenshot%202024-01-05%20at%205.17.47%20PM.webp) ## Module Customization Accessing the Styles tab within the Tabs Module in AGILE provides comprehensive control over its appearance. Here, you can fine-tune spacing, backgrounds, title styles, and more. This intuitive customization hub empowers you to craft a polished tabs layout that harmonizes perfectly with your website's design and user experience. ![Screenshot 2024-01-05 at 5.26.04 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.26.04%20PM.webp?width=500&height=528&name=Screenshot%202024-01-05%20at%205.26.04%20PM.webp) ![Screenshot 2024-01-05 at 5.26.12 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.26.12%20PM.webp?width=500&height=528&name=Screenshot%202024-01-05%20at%205.26.12%20PM.webp) ![Screenshot 2024-01-05 at 5.26.21 PM](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Screenshot%202024-01-05%20at%205.26.21%20PM.webp?width=500&height=528&name=Screenshot%202024-01-05%20at%205.26.21%20PM.webp) ##### SUPPORT & CONSULTING ## Can’t Find an Answer? Get live HubSpot CMS technical support from our customer service team, who can help you with any technical issues or questions you may have. Submit A Support Ticket FAQ’s ## Install this theme Click the button below to start using this wonderful theme Install Now ![cta_image_38](https://agiletheme.atakinteractive.com/hs-fs/hubfs/Agile_Theme_2023/images/cta-features/cta_image_38.png?width=827&height=516&name=cta_image_38.png)