---
title: "How to Create Vertical Tabs in Elementor?"
url: https://theplusaddons.com/docs/vertical-tabs-in-elementor/
date: 2023-12-26
modified: 2026-06-29
lang: en
author: "Aditya Sharma"
description: "The Tabs/Tours widget in The Plus Addons for Elementor lets you display content in both horizontal and vertical tab layouts. Switching to vertical tabs takes a single setting change and..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/How-to-make-vertical-tabs-in-Elementor_-1024x536.jpg
word_count: 242
---

# How to Create Vertical Tabs in Elementor?

## 

- Utilizes The Plus Addons for Elementor Tabs/Tours widget to create vertical tabs.
- Transforms horizontal tabs into vertical tabs by selecting Layout > Vertical in Elementor.
- Requires The Plus Addons for Elementor to be installed and activated for full functionality.

The Tabs/Tours widget in The Plus Addons for Elementor lets you display content in both horizontal and vertical tab layouts. Switching to vertical tabs takes a single setting change and gives you full control over icon display and navigation positioning.

*To check the complete feature overview documentation of The Plus Addons for Elementor Tabs and Tours widget, [click here](/docs/tabs-tours-elementor-widget-settings-overview/).*

**Best Used For:**

- Service-based websites and agencies that list offerings in a vertical side-panel tab layout with icons- Portfolio and creative sites that separate project categories using a sidebar-style vertical tab panel- SaaS and dashboard-style interfaces that need a vertical navigation tab layout in the Elementor editor

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/tabs/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, add the **Tabs/Tours** widget to the page and go to **Layout** > **Layout** > **Vertical**.

![Tabs/Tours widget Layout setting set to Vertical in The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2023/12/Tpae-Tabs-Tours-Layout-Vertical.png)

Your horizontal tab layout will switch to a vertical tab layout. From the **Position** option, you can place the tab navigation on the left or right side of the content panel. To make each tab title a clickable link, see [how to add links to a tab title in Elementor](https://theplusaddons.com/docs/add-links-to-tab-title-in-elementor/).

![vertical tabs preview](https://theplusaddons.com/wp-content/uploads/2023/02/vertical-tabs-preview.gif)

Your Elementor vertical tabs are now ready to use. To let users open a specific tab from a page URL, see [how to anchor link a tab item in Elementor](https://theplusaddons.com/docs/anchor-link-a-tab-item-in-elementor/).

***Suggested Read: **[How to Add a Swipe or Slide Effect on Elementor Tabs](https://theplusaddons.com/docs/swipe-or-slide-effect-on-elementor-tabs/).*