How to Add a Swipe or Slide Effect on Elementor Tabs?

Updated onApril 12, 2026By

Key Takeaways

  • The Plus Addons for Elementor Tabs/Tours widget includes a Swiper Effect feature for improved design management.
  • Users can choose between Swipe and Slide modes to navigate tab titles in the Elementor Tabs widget.
  • The Slide option offers a Center Mode feature that positions the tab title at the midpoint of the slider.
Table Of Content

When you have a long list of tab items, keeping the design intact can be a very difficult task. You can solve this issue by using the Swiper Effect in The Plus Addons for Elementor Tabs/Tours widget.

To check the complete feature overview documentation of The Plus Addons for Elementor Tabs and Tours widget, click here.

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

Adding a Swipe or Slide Effect on Elementor Tabs (Step-by-Step)

To do this, add the Tabs/Tours widget on the page, go to Extra Option > Swiper Effect, and turn on the toggle.

Tpae tabs tours swiper effect how to add a swipe or slide effect on elementor tabs? From the plus addons for elementor

Now in the Mode, you will find two options: Swipe and Slide.

  • Swipe – With this option, you can manually swipe the tab titles horizontally.
  • Slide – This option will add slider navigation to the tab titles, and you have to click on the arrows to navigate the titles.

You can turn on the Loop toggle to make it an infinite loop.

With the Slide option selected, you will get a Center Mode option. This will position the tab title at the middle point where the slider ends and starts.

Slider tab preview

That’s it for our quick guide on how you can add a swipe or slide effect on Elementor tabs.

Also, check How can you use an Elementor template inside the tabs widget.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the swipe or slide effect is not working on my Elementor tabs?

If the swipe or slide effect isn't functioning, ensure that you have The Plus Addons for Elementor installed and activated. This widget is part of the add-ons, and without it, the features won't work. Additionally, double-check that you've enabled the Swiper Effect toggle in the Extra Options section of the Tabs/Tours widget.

What is the difference between the Swipe and Slide options in Elementor tabs?

The Swipe option allows users to manually swipe tab titles horizontally, providing a more interactive experience. In contrast, the Slide option adds slider navigation, requiring users to click arrows to navigate through the titles. Choosing between them depends on the desired user interaction style for your tabs.

How does enabling the Loop toggle affect the tab navigation?

Enabling the Loop toggle creates an infinite loop for tab navigation. This means that once users reach the last tab, they can seamlessly return to the first tab without interruption. This feature enhances the user experience by allowing continuous navigation through the tabs.

Last reviewed: April 12, 2026

Related Docs