Skip to content
  • There are no suggestions because the search field is empty.

How to use the Involv Tabs Web Part

How to Create and Manage Tabs

The Involv Tabs web part lets you structure different content sections into a clean tabbed interface. Ideal for pages with multiple categories, FAQs, guides, or segmented information—this component makes content easier to consume without overwhelming users.

▶️ Follow the interactive tutorial below to set up your tab layout.

What You’ll Learn

  • How to add and configure the Tabs web part

  • How to add and label tabs

  • How to insert content in each tab (web parts or sections)

  • How to customize layout and styling

  • How to switch between different display modes

Learn the "Involv Tabs" webpart

  1. Video
  2. Text & Screenshots

 

Extra options

  1. Styling
  2. Web-parts > Sections

  • Video explanation

 

  • Text & Screenshots 

  1. Setting up the Tabs Web part, go to your admin panel and click on the “Edit page” button.
  2. Next, Go to the desired location where you want to add the Web Part.

Involv_Create_a_tab_3

 

  1. Select “Add a new web part”.
  2. In the search bar, type “Involv Tabs.”

Involv_Create_a_tab_4

 

  1. Select “Involv Tabs” to add the Involv Tabs web part.

Involv_Create_a_tab_5

 

  1. Select “Edit properties” to customize the web part.
  2. Click on “Web parts” to view and the different type of items that can be in the Tabs
  3. You could switch between Web parts & Page sections if desired. 
  4. To add the tabs, click on “Manage Tabs”.

Involv_Create_a_tab_6

 

  1. Open the drop down box to select your first item of your tab
  2. In the dropdown you see all the available options

Involv_Create_a_tab_7

 

  1. On the tab “Tab Label” You can type the title you want to display on your page

Involv_Create_a_tab_8

 

  1. Click the “+” button to add another tab/

Involv_Create_a_tab_9

 

  1. You can add as many tabs as you desire 

Involv_Create_a_tab_10

 

  1. Click the “+” button to add more tabs
  2. When you added the desired amount of tabs you can click “Add and save“

Involv_Create_a_tab_11

  1. After publishing you can see the result

Involv_Create_a_tab_13

 

  1. Switching between tabs is very easy. Just click on another tab label to see result

Involv_Create_a_tab_14

 

Thats it! you now know the basics you need to create your own tabs

Extra options

Changing styling

Layout Style

In the Properties Panel, you can adjust:

  • Display mode: Web Parts or Page Sections

  • Alignment: Choose left, center, or right

  • Styling options: Adjust tab appearance with custom classes

Styling Tabs

  • Use the Class Name field to add a CSS class

  • Customize fonts, borders, backgrounds, or tab hover effects via the Script Editor Web Part