Every section, two shapes.
One Elementor widget that works as tabs or an accordion. Write your content once, then decide how it folds — switch the layout with a single control, no rebuilding.
Works inside the Elementor editor · needs Elementor 5.8+ and PHP 7.4+
Built as one widget, not two
Everything below lives inside a single Elementor widget. Nothing to swap out, no second widget to configure — the layout is a setting, not a decision you make up front.
One flip, one widget
Toggle the layout type between Tabs and Accordion from a single dropdown in the editor. The content items, icons and text stay exactly as you wrote them — only the presentation changes.
Independent styling per mode
Tabs and Accordion each keep their own colors, spacing and typography. Switch the layout and your accordion styling waits untouched for next time.
Tabs from any side
Place tab headers on the top, bottom, left or right of the panel, and justify or align each label the way your layout needs.
Open one, or open several
Set the accordion to close other items automatically, or let visitors keep multiple panels open at once — your call, per widget.
Lightweight, on purpose
One dedicated stylesheet and script file, loaded only where the widget appears — nothing extra riding along on the rest of the page.
Design controls that go deep
Every part of the widget is exposed to Elementor's native design tools — the kind of control you'd expect from a widget built for people who care about the details.
- Typography per item & contentgroup control
- Background, border & box-shadowgroup control
- Custom icon per itemicon library
- Expand / collapse iconsaccordion mode
- Toggle position, size & shapeleft · right · circle · square
- Responsive spacing & paddingdesktop · tablet · mobile
The accordion's expand icon even gets its own resting and open colors — so a panel can visibly announce that it's open, not just reveal its content.
Three things, then you're done
No separate accordion plugin to learn afterward — the same widget carries you from first draft to finished layout.
Add the widget
Search "Tabs & Accordion Pro" in the Elementor panel and drop it into any section of the page.
Add your items
Give each item a title, an optional icon, and rich-text content using Elementor's normal editor.
Choose the shape
Pick Tabs or Accordion, style the one you're using, and leave the other set up for whenever you need it.
Before you install
Tabs & Accordion Pro is an add-on for Elementor — it adds the widget to your existing editor rather than replacing it. Elementor needs to be installed and active on the site first.