Tabs

The Tabs Module in Kind 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 Kind?

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

a. Finder → Tabs
Screenshot 2024-01-05 at 5.14.39 PM

b. Choose a variation
Screenshot 2024-01-05 at 5.14.48 PM

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

Screenshot 2024-01-05 at 5.17.19 PM

Screenshot 2024-01-05 at 5.17.47 PM

Module Customization

Accessing the Styles tab within the Tabs Module in Kind 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

Screenshot 2024-01-05 at 5.26.12 PM

Screenshot 2024-01-05 at 5.26.21 PM

Install this theme

Click the button below to start using this wonderful theme

CTA_Image_88