---
title: "How to Create Vertical Tabs in Elementor?"
url: https://theplusaddons.com/docs/vertical-tabs-in-elementor/
date: 2023-12-26
modified: 2026-04-10
author: "Aditya Sharma"
description: "With The Plus Addons for Elementor Tabs/Tours widget, you not only can create unique-looking horizontal tabs but you can turn them into equally beautiful-looking Elementor vertical tabs with icons and..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/How-to-make-vertical-tabs-in-Elementor_-1024x536.jpg
word_count: 143
---

# How to Create Vertical Tabs in Elementor?

## Key Takeaways

- The Plus Addons for Elementor Tabs/Tours widget allows users to create vertical tabs with icons in one click.
- Users can change horizontal tabs to vertical tabs by selecting Layout > Layout > Vertical in the widget settings.
- The Tabs/Tours widget requires The Plus Addons for Elementor to be installed and activated.

With The Plus Addons for Elementor Tabs/Tours widget, you not only can create unique-looking horizontal tabs but you can turn them into equally beautiful-looking Elementor vertical tabs with icons and everything in just one click.

*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/).*

***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 on the page and go to **Layout** > **Layout** > **Vertical. **

![](https://theplusaddons.com/wp-content/uploads/2023/12/Tpae-Tabs-Tours-Layout-Vertical.png)

Now your horizontal tab will turn into a vertical tab. You can also position your navigation from the **Position** option.

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

That's it, your Elementor vertical tabs are now ready to use.

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

## Frequently Asked Questions

**Q: What should I do if my vertical tabs aren't displaying correctly in Elementor?**
A: Check that you have installed and activated The Plus Addons for Elementor, as the Tabs/Tours widget is part of this plugin. If the widget is active and the vertical layout is still not displaying properly, ensure that you've selected 'Vertical' under Layout settings. Sometimes, caching issues can also affect display, so try clearing your site cache.

**Q: Can I use vertical tabs for a product showcase in Elementor?**
A: Vertical tabs can be a great choice for showcasing products, especially if you have multiple features or specifications to display. They allow users to easily navigate through different sections without leaving the page. Just add the Tabs/Tours widget and set it to 'Vertical' to create an organized layout for your product details.

**Q: Are there any limitations when using vertical tabs in Elementor?**
A: While vertical tabs are visually appealing, they may not be suitable for all content types. If you have extensive text or images, consider whether users will find it easy to navigate. Additionally, ensure that your design is responsive, as vertical tabs may look different on mobile devices. Testing across devices is crucial.

**Q: How do I add a swipe effect to my vertical tabs in Elementor?**
A: To add a swipe effect to your vertical tabs, refer to the guide on [how to add a swipe or slide effect on Elementor tabs](https://theplusaddons.com/docs/swipe-or-slide-effect-on-elementor-tabs/). This can enhance user interaction, especially on touch devices, making it easier for users to navigate between tabs.