---
title: How to Add a Search Box to Accordions (Pro)
description: Add a search box to the Ultimate Blocks Accordions (UB) block with Pro, so visitors can filter panels and see matches highlighted.
url: "https://ultimateblocks.com/docs/how-to-add-search-to-accordions/"
updated: "2026-11-07"
category: "How-To Guides"
---

# How to Add a Search Box to Accordions (Pro)

Ultimate Blocks Pro adds a search box to the **Accordions (UB)** block. Turn on **Enable content search** in the **Search** panel, and visitors can type a word to filter your panels: panels without a match are hidden and matching words are highlighted. The Accordions (UB) block itself is free; content search is a Pro feature.

## What you need

- The free [Ultimate Blocks](https://wordpress.org/plugins/ultimate-blocks/) plugin.
- [Ultimate Blocks Pro](https://ultimateblocks.com/pricing/), installed and activated alongside the free plugin.
- An Accordions (UB) block with several panels, such as an FAQ, glossary or knowledge base page.

## How to add a search box to accordions

1. Open the post or page in the WordPress block editor.
2. Add an **Accordions (UB)** block (click **+**, search for **Accordions (UB)**, click it), or select an existing one.
3. Make sure the whole Accordions (UB) block is selected, not a single panel. Use **Select parent block** in the block toolbar or the List View if needed.
4. In the **Settings** tab of the block sidebar, open the **Search** panel.
5. Turn on **Enable content search**. A search box appears above the first panel.
6. Choose a **Search Alignment**: left, center, right or **Stretch** (full width).
7. Optional: turn on **Enable advanced controls** to show more options (see below).
8. Click **Update** or **Publish**, then test the search on the live page.

## Advanced controls

When **Enable advanced controls** is on, you get two more options:

- **Show search summary:** shows a short line under the search box with the number of matches, for example “3 matches found”, or “no match found…” when nothing matches.
- **Search input filters** > **Match case:** adds a match case button to the search box. Visitors can click it to search with exact upper and lower case letters.

## Style the search box

In the **Styles** tab you can set the **Highlight** color, which marks matching words, and the **Search Box Border Color**. Pick a highlight color with good contrast against your text so matches are easy to spot.

## How the search works for visitors

- The search box sits above the first panel, with the placeholder text “Search...”.
- Search starts after the visitor types at least 3 characters.
- It looks in both the panel titles and the panel content.
- Panels without a match are hidden, and every match is highlighted.
- A clear button appears in the box. Clicking it empties the search and shows all panels again.

**Tip:** Content search works together with **Enable FAQ Schema**. You can have a searchable FAQ and FAQ structured data in the same block.

## Settings reference

| Setting | Where | What it does |
| --- | --- | --- |
| **Enable content search** | Search panel | Adds the search box above the panels. |
| **Search Alignment** | Search panel | Left, center, right or **Stretch**. |
| **Enable advanced controls** | Search panel | Shows the summary and filter options. |
| **Show search summary** | Search panel | Shows how many matches were found. |
| **Match case** | Search input filters | Adds a case-sensitive search button. |
| **Highlight** | Styles tab | Background color of matched words. |
| **Search Box Border Color** | Styles tab | Border color of the search box. |

## Tips for searchable accordions

- **Use clear panel titles:** visitors usually search for the words they would use in a question. Put those words in the titles.
- **Use one block for one topic:** each search box searches only the panels in its own Accordions (UB) block.
- **Great for long lists:** FAQs with 10 or more questions, glossaries, product specs and support pages benefit the most.

## Frequently asked questions

**Is accordion search free?**

No. The Accordions (UB) block is free, but content search is part of Ultimate Blocks Pro.

**Does the search look inside the answers?**

Yes. It searches both the panel titles and the panel content, and highlights every match.

**How many characters do visitors need to type?**

Search starts after at least 3 characters.

**Can visitors search with exact capital letters?**

Yes, if you turn on Enable advanced controls and the Match case filter. Visitors then see a match case button in the search box.

**Does the search box work with FAQ schema?**

Yes. You can turn on both Enable content search and Enable FAQ Schema in the same Accordions (UB) block.

## Related docs

- [Accordions (UB) block](https://ultimateblocks.com/docs/content-toggle-block/)
- [How to add FAQ schema in WordPress (free)](https://ultimateblocks.com/docs/how-to-add-faq-schema-in-wordpress/)
- [Content Filter block](https://ultimateblocks.com/docs/content-filter-block/)
- [Ultimate Blocks free vs Pro](https://ultimateblocks.com/docs/ultimate-blocks-free-vs-pro/)