FAQ Pro
FAQ Pro
Frequently asked questions
What is FAQ Pro?
FAQ Pro is a premium FAQ/accordion component for Framer with clean styling, smooth animation, and an optional built-in search bar.
How do I add FAQs?
Use Cards mode to add items visually, or switch to Markdown mode and paste Q:/A: pairs to generate the list.
What is the difference between Cards mode and Markdown mode?
Cards mode uses an Items array in the Framer panel. Markdown mode parses one text field into multiple Q/A items using Q: and A: markers.
How does “Open Mode” work?
Single mode keeps only one item open at a time. Multiple mode allows several items to stay open.
Why does it feel static on the Framer Canvas?
Canvas behavior is intentionally non-interactive so your layout stays stable while designing. Open state on Canvas is driven by “Open All on Canvas” and “Default Open First”.
How does Search work?
Search filters items by matching text in the question or answer. While searching, matching items open automatically and the matched text is highlighted.
Can I change the search placeholder, colors, and borders?
Yes. The Search group includes placeholder/no-results text plus background, border, radius, padding, text color, highlight color, and close icon color.
Do links work in answers?
Yes. Use markdown links like Framer. Only safe protocols (http/https, mailto, tel) are converted to clickable links.
Does it respect reduced-motion preferences?
Yes. If the visitor prefers reduced motion, the component disables the animation transitions.
What SEO schema does it add?
It outputs a JSON-LD FAQPage schema that search engines can use to understand your FAQ content.
Can I customize the icon?
Yes. You can choose Plus/Chevron/Arrow/Caret, set left/right position, and adjust size, color, stroke, and spacing.
