---
title: Tabs Widget
description: The tabs widget allows you to display content in a tab style on your website pages.
---

[Skip to content](https://support.tributetech.com/frontrunner/tabs-widget#main-content)

English

Show submenu for translations

[Register For The Customer Support Portal](https://support.tributetech.com/portal?hsLang=en)

![](https://support.tributetech.com/hs-fs/hubfs/Tribute%20Tech%20Logo.webp?width=277&height=80&name=Tribute%20Tech%20Logo.webp)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Register For The Customer Support Portal](https://support.tributetech.com/portal)
- [Contact us](https://share.hsforms.com/1iDvar3xJSF2g-vDGycwdFAtkn7c)

[Contact us](https://share.hsforms.com/1iDvar3xJSF2g-vDGycwdFAtkn7c)

 How can we help?

- There are no suggestions because the search field is empty.

1. [Frontrunner](https://support.tributetech.com/frontrunner?hsLang=en)
2. [Website Editor (Duda)](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en)
3. [List of Widgets](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#list-of-widgets)

# Tabs Widget

## The tabs widget allows you to display content in a tab style on your website pages.

The Tabs widget is an excellent way of displaying content efficiently on your site. Visitors can click between tabs (rather than scroll through text) to view related content. Tabs are a great way of showing content such as Services, Plans or Team members in compact, connected sections.

Each tab can contain a label, title, description, image and button, and each of these elements can be fully customized.

1. Add the Tabs widget anywhere on the page.
2. Once the widget has been placed, the Content Editor will appear.
3. From here, you can add or remove tabs and switch their order. You can edit the tab label, title, description, image and button.

![](https://support.tributetech.com/hs-fs/hubfs/image-png-Aug-20-2025-07-37-17-4297-PM.png?width=377&height=345&name=image-png-Aug-20-2025-07-37-17-4297-PM.png)

 

In the design editor, you can choose from several predesigned layouts, and customize the style of the tabs. Click All Tabs to customize the style of unselected tabs, reverse the tab direction, and control the tab layout on mobile. Click Selected Tab & Hover to customize the text style and background. Controllers for the text style, button style and image style are here too.

![](https://support.tributetech.com/hs-fs/hubfs/image-png-Aug-20-2025-07-37-37-4772-PM.png?width=553&height=315&name=image-png-Aug-20-2025-07-37-37-4772-PM.png)

 

When you customize the “Selected Tab & Hover” design, this does not affect the “All Tabs” design.

You can have as many tabs you want, but keep in mind that the space for each label is reduced with each new tab.

There are 2 layout options for mobile display, tabs and accordion. The tabs layout can be controlled by swiping.

- [Dashboard](https://support.tributetech.com/frontrunner/dashboard?hsLang=en)
- [Records](https://support.tributetech.com/frontrunner/records?hsLang=en#main-content)

    - [Management Records](https://support.tributetech.com/frontrunner/records?hsLang=en#management-records)
- [Book of Memories](https://support.tributetech.com/frontrunner/book-of-memories?hsLang=en)
- [Website Editor (Duda)](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#main-content)

    - [List of Widgets](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#list-of-widgets)
    - [Editing Features](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#editing-features)
    - [Editor Overview](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#editor-overview)
- [Website Tab (Wireframe)](https://support.tributetech.com/frontrunner/website-tab-wireframe?hsLang=en#main-content)

    - [Website Modules](https://support.tributetech.com/frontrunner/website-tab-wireframe?hsLang=en#website-modules)
- [Stationery Printing](https://support.tributetech.com/frontrunner/stationery-printing?hsLang=en)
- [Memorial FX Videos](https://support.tributetech.com/frontrunner/memorial-fx-videos?hsLang=en)
- [Arranging Director](https://support.tributetech.com/frontrunner/arranging-director?hsLang=en)
- [Marketing Center](https://support.tributetech.com/frontrunner/marketing-center?hsLang=en)
- [System Features](https://support.tributetech.com/frontrunner/system-features?hsLang=en)
- [Partner Integrations](https://support.tributetech.com/frontrunner/partner-integrations?hsLang=en)
- [General Settings](https://support.tributetech.com/frontrunner/general-settings?hsLang=en)
- [Management System Settings](https://support.tributetech.com/frontrunner/management-system-settings?hsLang=en)
- [FAQ](https://support.tributetech.com/frontrunner/faq?hsLang=en)

[![](https://support.tributetech.com/hs-fs/hubfs/Tribute%20Tech%20Logo.webp?width=277&height=80&name=Tribute%20Tech%20Logo.webp)](https://www.tributetech.com/)

<https://www.facebook.com/TributeTechnology> <https://www.instagram.com/tributetechnology/> <https://www.linkedin.com/company/tributetechnology/>

Copyright © 2026, Tribute Technology