How to set up and style the Filterable FAQ widget in Elementor.
Filterable FAQ shows questions and answers as an accordion with a category list beside or above them and a search field. Questions are written in the widget or taken from posts. Every question has its own address, and the widget can print FAQ data for search engines.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Source | Written here, or From posts. |
| Questions | The list of questions. |
| Question | The question text. |
| Answer | Text or Saved template. |
| Answer Text | The answer. Links, lists and bold text are allowed. |
| Template | A saved template as the answer. Template answers are left out of the FAQ data for search engines. |
| Category | The category of the question. Separate several categories with commas. |
| Icon | An icon in front of the question. |
| Open by Default | Shows this answer open when the page loads. |
| Link ID | Used in the address of this question. Empty makes it from the question. |
| Post Type | The title is the question and the content is the answer. Password protected posts are left out. |
| Categories From | The taxonomy that supplies the categories. |
| Number of Posts | How many posts are loaded. |
| Answer Shows | The content or the excerpt of the post. |
| Question HTML Tag | The heading tag of the questions. |
| Add FAQ Data for Search Engines | Prints FAQPage structured data with every question. |
| Option | What it does |
|---|---|
| Layout | List with dividers, Cards, Two columns, or Question list and answer panel. |
| One Answer Open at a Time | Opening an answer closes the others. |
| Open the First Question | Opens the first answer on load. |
| Expand All / Collapse All Buttons | Adds buttons that open or close every answer. |
| Toggle Icon | Plus / minus, Chevron, Arrow, Custom icons or None. |
| Toggle Icon Position | Right or Left. |
| Numbers | Adds numbers to the questions. |
| Open / Close Speed (ms) | How fast an answer opens and closes. |
| Option | What it does |
|---|---|
| Category List | Sidebar on the left, Sidebar on the right, Tabs above, Dropdown above or None. |
| "All" Item | Adds an item that shows every question. |
| Name for Questions Without a Category | Empty shows those questions only under All. |
| Show Counts | Shows the number of questions per category. |
| Category Order | As they first appear, or A to Z. |
| Category Headings Inside the List | While All is selected, the questions are grouped under their category name. |
| Sidebar Follows While Scrolling | Keeps the sidebar in view on large screens. |
| Small Screen Layout Below | Tablet (1024px) or Phone (767px). |
| Categories on Small Screens | A row of chips you can swipe, or a dropdown. |
| Option | What it does |
|---|---|
| Search Field | Adds a search field above the questions. |
| Search In | All categories, or the selected category. |
| Highlight Matches | Marks the search text in the questions and answers. |
| Open Answers That Match | While searching, answers that hold the search text are opened. |
| Message When Nothing Matches | The text shown when no question matches. |
| Button Under the Message | Adds a button under that message. |
| Option | What it does |
|---|---|
| Put the Open Question in the Address Bar | Visitors can then copy the address to share one question. |
| Scroll Offset (px) | Room to leave above the question, for example the height of a sticky header. |
| "Copy Link" Button in Open Answers | Adds a button that copies the address of the question. |
| Option | What it does |
|---|---|
| Show the Box | Shows the box under the questions. |
| Layout | Text left and button right, or stacked and centered. |
| Title HTML Tag | The tag of the box title. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
the box around the whole widget.
the sidebar or tabs, with the Sidebar Width.
the search parts.
the two buttons.
the question rows or cards and the lines between them.
the parts of the question row.
the answer area.
the message when nothing matches.
the box at the end.
Yes. Every question has its own address: the page address, then # and its Link ID. Opening it opens the question and scrolls to it.
Yes, when Add FAQ Data for Search Engines is on. Answers that use a saved template are left out of that data.
Yes. Set Source to From posts and pick the Post Type. The post title is the question and the content or excerpt is the answer.
As a row of chips you can swipe or as a dropdown, set under Categories on Small Screens.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide