BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off
Pro widget

Interactive Tabs Widget for Elementor Pro

Feature cards that work as tabs and change the image.

Overview

What Interactive Tabs does

Interactive Tabs shows feature cards with an icon, a small label, a title and a text. The cards work as tabs: the active card is highlighted and its image shows next to, above or below the cards. Use it to explain product features or steps with a picture for each.

Live demo

See it in action

Smart design
Features

What it can do

  • Cards with an icon, small label, title and text, in 1 to 4 columns.

  • Each card has its own image and an optional button on the image.

  • The image goes right, left, above or below the cards, or is left out.

  • Change the tab on hover and click, or on click only.

  • Autoplay moves to the next tab, with a progress line on the active card.

  • Fade, fade and zoom or slide up image effects.

  • Normal, hover and active styles for the cards and the icon.

  • Real tabs for screen readers, with arrow keys, Home and End.

Use cases

When to use it

Product features

Show four features in a 2 by 2 grid with a screenshot of each on the right.

How it works

Use autoplay to walk visitors through the steps of a service.

App screens

Put the image above the cards and show a phone screen for each feature.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Add the Interactive Tabs widget with Elementor.

  2. Under Tabs, edit each card: Icon, Small Label, Title, Text and Image, and an optional Link Under the Image.

  3. Under Settings, choose the Image Position and the Card Columns.

  4. Pick Change Tab On, and switch on Move to the Next Tab by Itself for autoplay.

  5. Style the cards, the icon and the active state in the Style tab, then publish.

FAQ

Questions and answers

Can I use it without images?

Yes. Set Image Position to No image and the cards work as highlighted feature cards.

Is it accessible?

Yes. The cards are tabs for screen readers. Arrow keys move between them and Home and End go to the first and last card.

Can the title be a heading?

Yes. Pick H2 to H6 in Title HTML Tag.

Bright Addons Pro

Get Interactive Tabs with Bright Addons Pro

Bright Addons Pro has 97 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $10 a year, with a 14-day money-back guarantee.