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 plugin.
- Ultimate Blocks Pro, 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 #
- Open the post or page in the WordPress block editor.
- Add an Accordions (UB) block (click +, search for Accordions (UB), click it), or select an existing one.
- 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.
- In the Settings tab of the block sidebar, open the Search panel.
- Turn on Enable content search. A search box appears above the first panel.
- Choose a Search Alignment: left, center, right or Stretch (full width).
- Optional: turn on Enable advanced controls to show more options (see below).
- 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.
