---
title: "How to Add a Search Bar to Accordion in Elementor?"
url: https://theplusaddons.com/docs/elementor-accordion-search/
date: 2023-01-24
modified: 2026-09-12
lang: en
author: "Aditya Sharma"
description: "Does your FAQ have dozens of questions? A search box above the accordion lets visitors type a word and see only the items that mention it. The Accordion widget from..."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-add-a-Search-Bar-to-Accordion-in-Elementor_.jpg
word_count: 314
---

# How to Add a Search Bar to Accordion in Elementor?

## 

- The Accordion widget from The Plus Addons for Elementor includes a built-in Search Bar that filters FAQ items by typed words.
- The Plus Addons for Elementor Pro makes Search Bar work in the Accordion widget, while the free plugin shows an upgrade notice instead.
- Search Bar searches titles and content in one accordion, ignores upper and lower case, and shows matching items while hiding the rest.

Does your FAQ have dozens of questions? A search box above the accordion lets visitors type a word and see only the items that mention it.

The Accordion widget from The Plus Addons for Elementor has a built-in **Search Bar**.

*To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, [click here](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/).*

***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:** **Pro** — the Search Bar is part of The Plus Addons for Elementor Pro. In the free plugin the option shows an upgrade notice instead of working.- **Widget to enable:** Accordion, switched on under **The Plus Addons > Widgets**.

## Steps

- Add the Accordion widget and your items.- In **Content > Special Option**, turn on **Search Bar** and click the pencil next to it.- Set the options below, then publish.

![The Search Bar settings: Text Highlight, Length, Placeholder and Icon](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-search.webp)

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Text Highlight | Marks the matching words in the open items. Style it in Style > Search Text Highlight | Off |
| Length | How many characters visitors must type before filtering starts (1–15) | 3 |
| Placeholder | The hint text in the empty box | Enter Search |
| Icon Library | The icon inside the box | Search icon |

![Searching refund shows and opens the two matching items, with the word highlighted](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-result-search.webp)

![Filtering accordion items with the search bar](https://theplusaddons.com/wp-content/uploads/2023/01/accordion-search-demo.gif)

## How It Behaves

- It searches both titles and content, and ignores upper and lower case.- Matching items are shown and opened; the rest are hidden.- Clearing the box shows every item again.

## Limitations

- **With Text Highlight on, some symbols break the search.** Typing `(`, `)`, `[` or `\` stops the filter with a script error. With Text Highlight off, every character works.- **It only searches this accordion,** not the rest of the page or other accordions.- **Template items** are searched by the text the template shows.

## Troubleshooting

### Nothing filters while I type

You have typed fewer characters than **Length**. Lower it if short words matter, such as “VAT”.

## Related Docs

- [Accordion widget: settings overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/)- [Add pagination to a long accordion](https://theplusaddons.com/docs/elementor-accordion-pagination/)- [Expand or collapse all items](https://theplusaddons.com/docs/expand-close-elementor-accordion-button/)