---
title: "Elementor Accordion Widget Settings Overview"
url: https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/
date: 2023-01-18
modified: 2026-09-11
lang: en
author: "Aditya Sharma"
description: "An accordion stacks content into titles that open when clicked, so a long page stays short and visitors open only what they need. It is the usual choice for FAQs,..."
image: https://theplusaddons.com/wp-content/uploads/2023/01/featured-image-1.jpg
word_count: 710
---

# Elementor Accordion Widget Settings Overview

## 

- The Accordion widget in The Plus Addons for Elementor adds templates, icons, hover and horizontal modes, search, pagination, autoplay and FAQ schema to the basic accordion.
- The Content Source uses Items or ACF Repeater, and ACF Repeater is a Pro option.
- Each item supports Title, Type, Show Icon in Pro, and Unique ID in Pro for anchor links.
- Active Tab controls the page-load state with a number, 0 for none, or All Open, while the Expand & Collapse Button is the only way to open all items after load.

An accordion stacks content into titles that open when clicked, so a long page stays short and visitors open only what they need. It is the usual choice for FAQs, help pages and feature lists.

The **Accordion** widget in The Plus Addons for Elementor adds templates, icons, hover and horizontal modes, search, pagination, autoplay and FAQ schema on top of the basic accordion.

***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](https://theplusaddons.com/elementor-widget/accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** Free, with extra features in Pro. The table below shows which.- **Widget to enable:** Accordion, switched on under **The Plus Addons > Widgets**.

## Learn via Video Tutorial

https://www.youtube.com/watch?v=9wy4Pgs_WcU&t=211s

## How to Activate the Accordion Widget

Go to **The Plus Addons > Widgets**, search for **Accordion** and turn on its switch.

![Turning on the Accordion widget in The Plus Addons widget settings](https://theplusaddons.com/wp-content/uploads/2023/01/Tpae-Accordion-Activate-1024x384.png)

## Free or Pro?

| Feature | Free | Pro |
| ------- | ---- | --- |
| Items with text, or an Elementor template per item | Yes | Yes |
| Toggle icon (Font Awesome / Font Awesome 5), Title Tag | Yes | Yes |
| Active Tab (which item starts open, or none, or all) | Yes | Yes |
| Icons Mind icons, an icon per item, Unique ID (anchor links) | — | Yes |
| Items from an ACF repeater | — | Yes |
| On Hover, Horizontal, Autoplay, Expand & Collapse Button, Search Bar, Slider & Pagination | — | Yes |
| Scroll Top, Stagger Animation, SEO Schema Markup, Carousel Connection ID | — | Yes |

In the free plugin, most Pro options are still listed, but turning them on only shows an upgrade notice.

## Content

**Content Source** picks where items come from: **Items** (you add them here) or **ACF Repeater** (Pro). See [how to build an accordion from ACF repeater data](https://theplusaddons.com/docs/create-an-accordion-with-repeater-field-data-in-elementor/).

![Content Source in the Content section of the Accordion widget](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-content-source.webp)

Each item has:

- **Title** — the clickable heading.- **Type** — **Content** for text, or **Page Template** to show an Elementor template. With a template, **Backend Visibility** decides whether it loads in the editor (off by default, to keep the editor fast). See [how to use a template](https://theplusaddons.com/docs/elementor-template-in-accordion/).- **Show Icon** (Pro) — an icon before this item’s title.- **Unique ID** (Pro) — an anchor so a link can open this item. See [anchor links](https://theplusaddons.com/docs/anchor-link-specific-accordion-item/).

![The Title and Type fields of an accordion item](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-title.webp)

## Toggle Icon

**Show Icon** adds the open/close icon to every title. **Alignment** puts it on the left or right, **Icon Font** picks Font Awesome, Font Awesome 5 or Icons Mind (Pro), and each has a closed and an active icon. **Title Tag** sets the HTML tag of the titles (div by default). See [how to add icons](https://theplusaddons.com/docs/add-icons-in-elementor-accordion/).

## Special Option (Pro)

| Option | What it does | Guide |
| ------ | ------------ | ----- |
| On Hover Accordion | Opens items when the mouse moves over the title | [Hover](https://theplusaddons.com/docs/elementor-accordion-on-hover/) |
| Horizontal Accordion | Puts items side by side. Not available with On Hover | [Horizontal](https://theplusaddons.com/docs/elementor-horizontal-accordion/) |
| Autoplay | Opens the next item every few seconds | [Autoplay](https://theplusaddons.com/docs/elementor-accordion-autoplay/) |
| Expand & Collapse Button | One button that opens or closes all items. Not with Horizontal | [Expand/Collapse](https://theplusaddons.com/docs/expand-close-elementor-accordion-button/) |
| Search Bar | A search box that filters items as visitors type | [Search](https://theplusaddons.com/docs/elementor-accordion-search/) |
| Slider & Pagination | Shows a few items per page with previous/next. Not with Horizontal | [Pagination](https://theplusaddons.com/docs/elementor-accordion-pagination/) |

## Extra Option

| Option | What it does | Guide |
| ------ | ------------ | ----- |
| Active Tab | Which item is open on page load: a number, 0 for none, or All Open. Default 1 | [Closed by default](https://theplusaddons.com/docs/set-elementor-accordion-closed-by-default/) |
| Scroll Top (Pro) | Scrolls the page to an item when it opens | [Scroll Top](https://theplusaddons.com/docs/scroll-top-animation-in-elementor-accordion/) |
| Stagger Animation (Pro) | Fades items in one by one when the accordion scrolls into view | [Stagger](https://theplusaddons.com/docs/accordion-with-stagger-animation-in-elementor/) |
| SEO Schema Markup (Pro) | Marks the items up as FAQ structured data | [Schema](https://theplusaddons.com/docs/elementor-accordion-schema-markup/) |
| Carousel Connection ID (Pro) | Syncs the accordion with an Anything Carousel | [Carousel sync](https://theplusaddons.com/docs/carousel-widgets-remotesync-elementor/) |

## How It Behaves

- Only one item is open at a time: opening an item closes the open one. Clicking an open item closes it.- Active Tab **All Open** starts with every item open; after that, clicks work one item at a time.- The Expand & Collapse Button is the only way to open all items after the page has loaded.

## How to Style the Accordion

The **Style** tab has sections for the **Icon**, **Title** (typography, colours, background, border and spacing) and **Content**. Sections for Autoplay, Slider & Pagination, Search, Search Text Highlight and the Expand/Collapse Button appear when those options are on. **Hover** has two hover style presets for the titles.

![The Title section on the Style tab of the Accordion widget](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-style-title.webp)

The Advanced tab is the same as on other widgets. [See the Advanced tab tutorial](https://docs.posimyth.com/tpae/advanced-tab/).

## Troubleshooting

### A Pro option only shows an upgrade notice

That option needs The Plus Addons for Elementor Pro. See the table above.

### An option I read about is missing

Some options hide others: Horizontal is hidden while On Hover is on, and the Expand & Collapse Button and Slider & Pagination are hidden while Horizontal is on.

## Related Docs

- [Set the accordion closed by default](https://theplusaddons.com/docs/set-elementor-accordion-closed-by-default/)- [Add a search bar](https://theplusaddons.com/docs/elementor-accordion-search/)- [Add FAQ schema](https://theplusaddons.com/docs/elementor-accordion-schema-markup/)- [Accordion vs toggle](https://theplusaddons.com/docs/elementor-accordion-vs-toggle/)

## Frequently Asked Questions

**Q: How do I turn on the Elementor accordion widget in The Plus Addons for Elementor?**
A: The Accordion widget is enabled from The Plus Addons > Widgets, where you search for Accordion and switch it on. That matters because the widget is part of The Plus Addons for Elementor, so it has to be installed and activated before any of the accordion controls appear. In practice, this is the first thing to check when the widget is missing from Elementor.

**Q: What can I use the accordion widget for on a WordPress page?**
A: An accordion is a good fit for FAQs, help pages, and feature lists because it stacks content into titles that open only when clicked. That keeps long pages shorter and makes scanning easier. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH extends that basic pattern with templates, icons, hover and horizontal modes, search, pagination, autoplay, and FAQ schema.

**Q: What’s the difference between the free and Pro accordion options?**
A: The free version covers the core setup: items with text or an Elementor template per item, toggle icons, title tags, and Active Tab controls. Pro adds things like Icons Mind icons, an icon per item, Unique ID for anchor links, ACF repeater items, On Hover, Horizontal, Autoplay, Expand & Collapse Button, Search Bar, Slider & Pagination, Scroll Top, Stagger Animation, SEO Schema Markup, and Carousel Connection ID. In the free plugin, Pro options still show up but only trigger an upgrade notice.

**Q: Can I build an accordion from ACF repeater data?**
A: ACF repeater data is a Pro Content Source option in this widget. That makes it useful when your accordion items already live in custom fields instead of being typed in manually. The page also points to a separate guide on how to build an accordion from ACF repeater data: [how to build an accordion from ACF repeater data](https://theplusaddons.com/docs/create-an-accordion-with-repeater-field-data-in-elementor/).

**Q: Why does Horizontal disappear when I turn on On Hover?**
A: Horizontal is hidden while On Hover is enabled because those two modes conflict in the widget logic. The same kind of mutual exclusion also applies to Expand & Collapse Button and Slider & Pagination when Horizontal is on. That behavior is useful to know before troubleshooting missing controls in The Plus Addons for Elementor accordion settings.

**Q: How does the accordion behave when items are opened and closed?**
A: Only one item stays open at a time by default. Opening a new item closes the one that was already open, and clicking an open item closes it again. If Active Tab is set to All Open, every item starts expanded on load, but after that the widget still behaves one item at a time unless you use the Expand & Collapse Button to open or close everything after the page has loaded.