---
title: "How to Create Vertical Tabs in Elementor?"
url: https://theplusaddons.com/docs/vertical-tabs-in-elementor/
date: 2023-12-26
modified: 2026-09-13
lang: en
author: "Aditya Sharma"
description: "Vertical tabs put the titles in a column beside the content. They suit long titles and lists of services, steps or categories. The Tabs/Tours widget from The Plus Addons for..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/How-to-make-vertical-tabs-in-Elementor_-1024x536.jpg
word_count: 215
---

# How to Create Vertical Tabs in Elementor?

## 

- The Plus Addons for Elementor Tabs/Tours widget switches to vertical tabs with one setting in the free plugin, so Pro is not needed.
- Vertical tabs place the titles in a column beside the content, which suits long titles and lists of services, steps or categories.
- Tabs/Tours uses Layout set to Vertical and Position set to Left or Right, while the Swiper Effect (Pro) is only available for horizontal tabs.

Vertical tabs put the titles in a column beside the content. They suit long titles and lists of services, steps or categories.

The **Tabs/Tours** widget from The Plus Addons for Elementor switches to vertical tabs with one setting, in the free plugin.

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

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's 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)

## Before You Start

- **Edition:** **Free** — this works in the free plugin; Pro is not needed.- **Widget to enable:** Tabs/Tours, switched on under **The Plus Addons > Widgets**.

## How to Create Vertical Tabs

- Add the **Tabs/Tours** widget and add your tabs in **Content**.- Open **Layout**. In **Layout**, click the right-hand picture, **Vertical**.- In **Position**, choose **Left** or **Right** for the column of titles.

![The Layout section of the Tabs/Tours widget with the Vertical picture selected and Position highlighted](https://theplusaddons.com/wp-content/uploads/2026/09/tabs-vertical.webp)

The titles now sit in a column beside the content:

![Vertical tabs on the front end with the titles in a column on the left of the content](https://theplusaddons.com/wp-content/uploads/2026/09/tabs-result-vertical.webp)

![Vertical tabs switching content in a live example](https://theplusaddons.com/wp-content/uploads/2023/02/vertical-tabs-preview.gif)

## Settings

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Layout | Horizontal (titles in a row) or Vertical (titles in a column) | Horizontal |
| Position | Horizontal: Top or Bottom. Vertical: Left or Right | Top / Left |
| Alignment | Left, Center or Right alignment of the titles | Left |

## Limitations

- The **Swiper Effect** (Pro) is only available for horizontal tabs.

## Related Docs

- [Tabs/Tours widget: settings overview](https://theplusaddons.com/docs/tabs-tours-elementor-widget-settings-overview/)- [Add icons to tab titles](https://theplusaddons.com/docs/add-icons-to-elementor-tabs/)- [Add links to tab titles](https://theplusaddons.com/docs/add-links-to-tab-title-in-elementor/)- [Link to a specific tab](https://theplusaddons.com/docs/anchor-link-a-tab-item-in-elementor/)