Tabs hide most of their content until someone clicks. Autoplay moves from one tab to the next on its own, so visitors see every tab without clicking.
The Tabs/Tours widget from The Plus Addons for Elementor has an Autoplay option with a timer, a progress line under the active title and an optional play/pause button.
To check the complete feature overview documentation of The Plus Addons for Elementor Tabs/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.
Before You Start
- Edition: Pro — Autoplay needs The Plus Addons for Elementor Pro. The Tabs/Tours widget itself is free.
- Widget to enable: Tabs/Tours, switched on under The Plus Addons > Widgets.
How to Turn On Autoplay
- Add the Tabs/Tours widget and add your tabs in Content.
- Open Special Option and click the pencil icon next to Autoplay.
- Turn on the Autoplay switch.
- Set Duration: the number of seconds each tab stays open before the next one opens.
- Optional: turn on Play/Pause Button so visitors can stop the autoplay.
Publish the page and check it on the front end.
Settings
| Setting | What it does | Default |
|---|---|---|
| Autoplay | Opens the next tab after each Duration | Off |
| Play/Pause Button | Shows a button that pauses and resumes the autoplay | Off |
| Play Icon / Pause Icon | The icons of that button | Play / Pause |
| Duration | Seconds per tab, 1 to 100 | 5 |
| Color | Colour of the progress line under the active title | Black |
| Border Size | Thickness of the progress line, 1 to 10 px | 3 |
How It Behaves
- It starts when the tabs scroll into view, not when the page loads.
- A line grows under the active title for the length of the Duration, then the next tab opens.
- It stops at the last tab. It does not start again from the first tab.
- When a visitor clicks a tab, the timer restarts from that tab and continues to the last tab.
- With Play/Pause Button on, the button shows the pause icon while tabs are playing. Clicking it keeps the current tab open and shows the play icon; clicking again continues.
Limitations
- Autoplay does not loop. After the last tab it stays there.
- Active Tab is not respected with Autoplay on. In our test with Active Tab set to 3, the first title was highlighted while the third tab’s content was shown, and autoplay then moved on to tab 2. Leave Active Tab at 1 when you use Autoplay.
- Autoplay is not part of the free plugin.
Troubleshooting
The tabs do not change
- Check the published page.
- Scroll so the tabs are on screen. Autoplay waits until they are in view.
- If the last tab is already open, autoplay has finished. Clicking a tab runs it again from that tab.
The wrong title is highlighted when the page loads
Set Extra Option > Active Tab to 1. Other values do not work together with Autoplay.
